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Foreword by 
Joanna Quinn 


I first came across Timing for Animation as a student at Middlesex University 
in London. | was studying for a degree in graphic design, learning things like 
typography, illustration, and photography. Animation was never on my radar 
until we were given an unexpected animation project at the end of the first 
year, and | absolutely loved it! No one else in my year seemed particularly 
taken with it but | became totally obsessed. | persuaded my friend Eileen, 
who was one of the few mildly interested in animation, to go halves with me 
on an animation book—Timing for Animation. As soon as it arrived | quickly 
snaffled it up and poor Eileen didn’t get a look in. To this day | still feel guilty 
for making her split the cost. 


| soon abandoned my pantone swatch book, and instead spent every waking 
hour making my final-year film, Girls Night Out. There was nobody else 

doing animation on my course so | had to make it all up as | went along. 

| constantly referred to my new animation bible Timing for Animation for 

help with my animation conundrums but occasionally when | was feeling 
brave I'd flick through the phone directory and ring up animators like Bob 
Godfrey or Oscar Grillo and ask them animation questions or sometimes 

just turn up at their Soho studios. Everyone was very kind and very tolerant. 

l even got a few free lunches by turning up just at the right time! After leaving 
college my graduation film Girls Night Out got into various animation festivals 
and surprisingly won awards! It wasn’t until this point that | realized | could 
actually do this as a proper job and I could call myself an animator. 


After many years in animation making films and commercials, | can now 
confess that I’m a fully-fledged animation nerd. I am happiest when I’m 
either animating, watching animation, teaching animation, or talking about 
animation. | have a particular love of performance and timing—constantly 
analyzing how character is portrayed through weight, movement, and 
nuance of gesture. Timing is all about identifying the rhythm of a movement, 
not only in the broad actions but also the tiniest of movements. It’s about 
creating curves and rhythms in all the actions and punctuating the changes 
of direction—these punctuated beats become the key poses and the pauses 
anticipate the next action. Animation is so like music in that way. 


Throughout my career | have dipped in and out of the Timing for 
Animation, looking for hints and tips but also for an endorsement that I’m 
on the right track. | must have used it many times because all of Harold 
Whitaker's animation drawings of stretch and squash, force and weight are 
imprinted on my mind! 
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Finally, | would like to say a big thank you to Vivian Halas, the daughter 

of John Halas and Joy Batchelor, who has dedicated her life to promoting 
the Halas & Batchelor archive, and reminding new audiences about their 
importance in the history of animation, and British animation in particular. 
Halas & Batchelor is 80 years old this year and clearly still relevant. 


My original copy of Timing for Animation is still on my shelf today—a bit 


ragged and well thumbed—but then, aren't we all who hail from the 1980s? 


Joanna Quinn 
Cardiff, 2020 





FIG OA Beryl Slump from Affairs of the Art by Joanna Quinn. (Courtesy of Joanna Quinn 2020.) 





Preface to the 
3rd Edition 


For 40 years, Harold Whitaker and John Halas’ Timing for Animation has been 
a mainstay in the literature of animation instruction. Sitting dog-eared and 
spine-split on desks and workstations around the world, it has been the 
standard reference for all involved in making animation. This is true not 

only of those doing pure entertainment cartoons, but making visual effects, 
science and technical films, and interactive game design as well. Its’ only fault 
is that it was first written in a pre-digital age, so it offered few insights to the 
challenges of new media. In the 2009 update, and now this 40th Anniversary 
Edition, we will attempt to address this, and provide the animation novice, 
veteran, and fan alike, a more complete look into the wonderful complexity 
that is modern animation and visual effects production. 


| knew John Halas, and admired his work at the Halas & Batchelor Studio 

in the United Kingdom. John’s writings were some of the first serious 
instructional works on creating animation. Harold Whittaker was one of 

the top artists of the London animation scene in the mid XX century. So it 
was initially with understandable trepidation that | accepted Focal Press's 
invitation to update this work. It was never my intention to change it, to 

glue new arms on the Venus de Milo. You will see much of the original copy 
is undisturbed. | merely added additional notes to reflect some of the more 
modern practices that have changed animation since their first writing. 
George Bernard Shaw said Britain and America are two great nations divided 
by acommon language. | will also try to clarify some of the differences in 
nomenclature between what is used in studios in the Anglo-Canadian-Anzac- 
Commonwealth and its Yankee counterparts. So Dope Sheets = Exposure 
Sheets, a Fade To = Dissolve, A putty rubber = eraser, etc. 


Being one who has seen the computer grow from its earliest experiments to 
become the central component of media today, and witnessed the explosion 
of animation in all new forms of broadcast media, | am very sensitive to 

not dating the material. Large books that have painstakingly explained 
software programs from the 1970s and 1980s are today considered quaint, 
but irrelevant. In 1981, retail, off-the-shelf animation software that anyone 
could afford was a far-off dream. Today, anyone has the ability to create a 
credibly good-looking animated film off their home computer. The newer 
generations of 2D and 3D software packages increase in number and variety 
with each passing year. Therefore, | will not dwell on the nuances of any one 
particular animation program. | must even catch myself when | refer to the 
final product as a “film,” since most projects are now delivered as a digital file. 
Celluloid film has become an artefact of history. When I now use the terms 
film or filming, it will have to be in a more emblematic sense. 
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Most of this book was written for animators concerned with the articulation 
of characters made to be seen on movie or TV screens. But since Timing 

for Animation first appeared in 1981, a great change has been the advent 
of interactive games. Interactive games have evolved from the humble 
Pong game of the 1970s to large-budget, high-quality productions of today. 
Projects that rival the biggest Hollywood movies in complexity. Today many 
animation professionals will take a job working on a game as readily as 

they would work on a feature film, commercial spot, or broadcast program. 
The creation of an interactive game requires many of the skills of a regular 
animator, with some differences. These differences will be touched on in the 
body of this book. 


While ever newer and better tools and software keep rolling out, the 
common factor in all of this is you, the artist-filmmaker. That is what this book 
will attempt to address. To teach you the fundamental skills of motion and 
timing every animator has had to know to create lifelike work. 


The strength of Timing for Animation is in its simplicity and directness to 
whatever purpose you put its principles to. You will find that the precepts laid 
out between these covers are important to all who create a frame-by-frame 
performance, regardless if they use a stylus & digital tablet, clay, cutouts, 
some form of live-actor performance capture, or just a pencil and paper. 


| was flattered by the warm reception accorded to the Second Edition in 2009. 
Hopefully, despite my fingerprints on the finish, Timing for Animation will go 
on into the future as an important first text for anyone who is serious about 
creating animation. 


Tom Sito 
Hollywood, 2020 


jiet AA D | Antvav [Depans C E E 
aere z 





xii 





Preface to the 
1st Edition 


The passage of time has fascinated artists, scientists, and theologians 

for thousands of years. Naturally, they have attributed to it different 
interpretations, different implications and different conclusions. Nevertheless 
there seems to be general agreement on one aspect of time; that we are all 
conditioned by it and that, whether we like it or not, there is a time space into 
which we inevitably have to fit. 


Einstein, among other well-known names in the world of science, made a 
special study of time in relation to his research in physics. His theory of relativity 
maintains that space and time are merely different aspects of the same thing. 
Since then other physicists have pointed out that objects can be moved 
backward and forward in space, but nothing can be moved back in time. 


Another method of describing the concept of time is through the “three 
arrows of time.” The first “arrow” is thermodynamic and can be seen 
operating when sugar dissolves in hot water. Second is the historical “arrow,” 
whereby a single-celled organism evolves to produce more complex and 
varied species. The third is the cosmological “arrow,” which is the theory 
that the universe is expanding from a “big bang” in the past. This cosmic 
expansion cannot be reversed in time. While the principle of relationships 
between the “time arrows’ is still to be worked out on a scientific level, the 
actual application of it is constantly related to all work which utilizes it, such 
as music and the performing arts. In the latter it is one of the most important 
raw materials. 


In terms of animation, the idea of film time is one of the most vital concepts 
to understand and to use. It is an essential raw material which can be 
compressed or expanded and used for effects and moods in a highly creative 
way. It is, therefore, essential to learn and to understand how time can be 
applied to animation. The great advantage of animation is that the animator 
can creatively manipulate time since an action must be timed prior to 
carrying out the actual physical work on a film. 


It is also essential to understand how the audience will react to the 
manipulation of time from their point of view. Time sense or “a sense of 
timing,” therefore, is just as important as color sense and skill of drawing or 
craftmanship in film animation. 


It has to be realized that while a performance on stage and on the screen 
requires a basic understanding of how timing works, this book is primarily 
confined to hand-drawn animation which up to this point in film history still 
comprises 90% of all output in the animation medium. 
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My co-author, who has drawn the majority of illustrations in this book, 

is reputed to be one of the world’s most skilful animators. | have had the 
privilege of working with him for 30 years and during this period he became 
the teacher of many outstanding animation artists of today. 


The book itself has been in production for five years and contains several 
decades of painful experience. We hope it will be of value to the new 
generation of artists and technicians. 


John Halas 
London, 1981 
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Introduction 


In a film, ideas must come over immediately to the audience. There is no 
chance to turn back, as with a book, and reread a section. 


General Principles of Timing 


The “readability” of ideas depends on two factors: 


1. Good staging and layout, so that each scene and important action is 
presented in the clearest and most effective way. 

2. Good timing, so that enough time is spent preparing the audience for 
something to happen, then on the action itself, and then on the reaction 
to the action. If too much time is spent on any one of these things, the 
timing will be too slow and the audience’s attention will wander. If too 
little time is spent, the movement may be finished before the audience 
noticed it, and so the idea is wasted. 


To judge these factors correctly depends upon an awareness of how the 
minds of the audience work. How quickly or how slowly do they react? How 
long will they take to assimilate an idea? How soon will they get bored? This 
requires a good knowledge of how the human mind reacts when being told 
a story. It is also important to remember that different audiences react in 
different ways. So, for instance, an educational film for children would be 
timed in a different way from an entertainment film for adults, which requires 
a much faster pace. 


Animation has a very wide range of uses, from entertainment to advertising, 
from industry to education and from short films to features. Many modern 
live-action fantasy films contain as much animation as a cartoon film. Motion 
picture visual effects, interactive games, and websites heavily depend upon 
knowledge of animation techniques. Different types of animation require 
different approaches to timing. 
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Timing for Broadcast Media 


This includes television, streaming, and web-based content. Because 
television production requires large amounts of screen time, and much 
web-based content is created on a small scale with very frugal budgets, the 
animation has to be planned out very carefully, with economy in mind. This 
approach is generally known as limited animation. With limited animation, as 
many repeats as possible are used within the 24 frames per second. A hold is 
also lengthened to reduce the number of drawings. As a rule, not more than 
six drawings are produced for one second of animation. The show content 
could be designed to emphasize dialogue scenes over physical action (Fig. 1). 
Creating libraries of mouths and eyes through your digital software program 
allows you to reuse these assets extensively. Libraries of stock walks and 
other actions can be created. This is more effective when the design style 

of the show is of a more graphically extreme style than something that is 
realistic looking. Thus, limited animation requires as much skill on the part 

of the animator as full animation, since they must create an illusion of action 
with the greatest sense of economy. 





FIG 1 TooCool, Looking Cool from Unikitty! By Careen Ingle. (Courtesy of Warner Bros. 2020.) 
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Timing for Full Animation 


Full animation implies a large number of drawings per second of action. 
Some action may require that every single frame of the 24 frames within 
the second is animated in order to achieve an illusion of fluidity on the 
screen. Neither time nor money is spared on animation. As a rule, only TV 
commercials and feature-length animated films can afford this luxury. 


Animation is expensive and time-consuming. It is not economically possible 
to animate more than is needed and edit the scenes later, as it is for live- 
action films. In cartoons, the director carefully pre-times every action so that 
the animator works within exact limits and generates no more drawings than 
is necessary. 


Ideally, the director should be able to view the rough tests of the film as it 
progresses, and so have a chance to make adjustments. But often there is 

no time to make corrections in limited animation, and the aim is to make the 
animation work the first time. 


Timing in General 


Timing in animation is an elusive subject. It only exists while the film is being 
projected, in the same way that a melody only exists when it is being played. 
A melody is more easily appreciated by listening to it than by trying to 
explain it in words. So with cartoon timing, it is difficult to avoid using a lot of 
words to explain what may seem fairly simple when seen on the screen. 


Timing is also a dangerous factor to try to formulate—something which 
works in one situation or in one mood may not work at all in another 
situation or mood. The only real criterion for timing is: if it works effectively 
on the screen, it is good, if it doesn't, it isn’t. 


So if having looked through the following pages you can see a better way to 
achieve an effect, then go ahead and do it! 


In this book we attempt to look at the laws of movement in nature. What do 
movements mean? What do they express? How can these movements be 
simplified and exaggerated to be made “animatable” and to express ideas, 
feelings, and dramatic effects? The timing mainly described is that which is 
used in so-called “classical” or “full” animation. To cover all possible kinds of 
timing in all possible kinds of animation would be quite impossible. 


Nevertheless, we hope to provide a basic understanding of how timing in 
animation is ultimately based on timing in nature and how, from this starting 
point, it is possible to apply such a difficult and invisible concept to the 
maximum advantage in film animation. 


What Is Good Timing? 





What Is Good Timing? 


Timing is the part of animation which gives meaning to movement. 
Movement can easily be achieved by drawing the same thing in two different 
positions and inserting a number of other drawings between the two. The 
result on the screen will be movement, but it will not be animation. In nature, 
things do not just move. You can draw a circle and declare it to be anything 
from a soap bubble to a cannon ball. We the audience will only understand 
what it is when we see how it moves and interacts with its environment. 
Newton's first law of motion stated that things do not move unless a force 
acts upon them. So in animation the movement itself is of secondary 
importance; the vital factor is how the action expresses the underlying 
causes of the movement. With inanimate objects these causes may be natural 
forces, mainly gravity. With living characters the same external forces can 
cause movement, plus the contractions of muscles but, more importantly, 
there are the underlying will, mood, instincts, and so on of the character who 
is moving. 


In order to animate a character from A to B, the forces which are operating 

to produce the movement must be considered. First, gravity tends to pull 

the character down toward the ground. Second, his body is built and jointed 
in a certain way and is acted on by a certain arrangement of muscles which 
tend to work against gravity. Third, there is the psychological reason or 
motivation for his action—whether he is dodging a blow, welcoming a guest, 
or threatening someone with a revolver. 


A live actor faced with these problems moves his muscles and limbs and deals 
with gravity automatically from habit, and so can concentrate on acting. An 
animator has to worry about making his flat, weightless drawings move like 
solid, heavy objects, as well as making them act in a convincing way. In both 
these aspects of animation, timing is of primary importance (Fig. 2). 


Timing for Animation 





"THE FLOOD" 


Fade in image of false god with 
people worshipping it. 


Narration: "God saw how corrupt 
the earth had become, - " 


Zoom back to long shot corrupt- 
Jooking city. 


" _ for a]l the people on earth 
had corrupted their ways." 


Pan and track to Noah. (Ark 
already built in background) 


"So God said to Noah - " 
Mix to animals going up ramp 
two by two. 


" _ 'Bring into the ark two of 
all living creatures, male and 
female - " 


Closer shot of animals going up 
ramp. 


" _ to keep them alive with you'". 





Mix to birds flying in two by 
two. 


"Two of every kind of bird - " 





FIG 2 Part of the working storyboard of The Story of the Bible by Halas & Batchelor. At this stage the director 
works out the smooth visual flow of the film, the editing, camera movements, and so on. All these elements 
combine to tell the story in an interesting way. 














The Storyboard 


A smooth visual flow is the major objective in any film, especially if it is an 
animated one. Good continuity depends on coordinating the action of 

the character, choreography, scene changes, and camera movement. All 
these different aspects cannot be considered in isolation. They must work 
together to put across a story point. Furthermore, the right emphasis on such 
planning, including the behavior of the character, must also be realized. 


The storyboard should serve as a blueprint for any film project and as the first 
visual impression of the film. It is at this stage that the major decisions are 
taken as far as the film’s content is concerned. It is generally accepted that no 
production should proceed until a satisfactory storyboard is achieved and 
most of the creative and technical problems which may arise during the film's 
production have been considered. 


There is no strict rule as to how many sketches are required for a film. It 
depends on the type, character, and content of the project. A rough guideline 
is approximately 100 storyboard sketches for each minute of the film. If, 
however, a film is technically complex, the number of sketches could double. 
For a TV commercial, more sketches are produced as a rule because there are 
usually more scene changes and more action than in longer films. 


The Storyboard 
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Traditional Storyboards 


The original form of storyboards originated in the 1920s, when artists would 
pin their gag ideas up on a corkboard. The idea quickly expanded anda 
specialist arose, the gag-man or storyboard artist. He or she would create 

a continuity of drawings delineating the cinematic flow of the film project 
to come. All the start and stops of a potential character's actions would be 
spelled out in a series of sketches. These drawings could be “pitched” or 
discussed openly in story-sessions, then photographed and matched to a 
rough soundtrack to further clarify what the final film might look like. These 
storyboard films have been referred to in the past with various names—the 
Animatic, Workreel, Storyreel, or Leica reel. 


The finished quality of the artwork varied subject to the demands of the 
project. A storyboard only to be seen inside the company by the creative 
staff could be drawn quick, rough, and to-the-point; while a storyboard to be 
shown to commercial clients or other outsiders, not used to rough drawings, 
would be highly polished and slick. Filmmakers have added accents like 
elaborate soundtracks, temporary background music, and After Effects 
technology to “sell the idea” of the film. 


The important point is to convey an idea of the flow of the narrative and 

to explore the visual possibilities for additional drama or humor. Even live- 
action filmmakers, from Cecil B. DeMille to Steven Spielberg, have relied 
upon storyboards to anticipate potential problems and grasp the impending 
production issues of a scene. This way they could formulate a strategy long 
before expensive shooting with full crew and movie stars commenced. 


Live-action storyboards tend to emphasize frame composition and mis- 
en-scene or cinematic narrative, and do not focus upon the individual actor's 
performance. Some actors make it a personal rule not to look at storyboards 
so as not to be influenced. That’s why, in live-action storyboards, the figure’s 
individual performances are downplayed. By contrast, storyboards for 
animated films place great emphasis upon the characters’ performance and 
what they are thinking or feeling (Fig. 3). 


In live action, the unit of the film known as The Scene can be made up of 
dozens of individual shots and can last a few minutes, for example, Alfred 
Hitchcock’s Shower Scene from the film Psycho. While in an animated film 
each individual cut is called a Scene, and the sum of all these cuts constitutes 
a Sequence, like the Under the Sea Sequence in Walt Disney Pictures’ The Little 
Mermaid. 


In television production, storyboards emphasis is on economy: many reused 
scenes, simpler staging than a theatrical. They rely on the dialogue to carry a 
story more than complex pantomime action. 


Traditional Storyboards 





FIG 3 From Disney/PIXAR's A Bug's Life, by Nate Stanton and Joe Ranft. The storyboard drawings themselves are 
quickly done and easily replaceable, but contain all the essentials of the movement in each scene. (1998 Disney 
Enterprises, Inc./PIXAR. With permission.) 
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Digital Storyboarding 


Since the 1990s, computers have become part of the storyartists’ tools. 

In the past, traditional storyboards were sent out to be photographed 

by a cameraperson using a down-shooter or rostrum camera (United 
Kingdom), and then the film was developed, cut together, and matched to 
a soundtrack by an editor (Fig. 4). This was a process that took several days 
at its fastest. Now, the storyartists alone have the power to create storyreels 
on their laptop computers, with multiple soundtracks and effects, all with 
an instantaneous playback. 


This opens up new possibilities, but it also places increased responsibility 
upon the storyartist. He or she has to be much better versed in film editing 
and composition. There is no quality control person to double check for 
numerical errors or drawings out of order. The artist has to spend more time 
in tightening and rendering the drawings, and adding all the “bells and 
whistles,” than back when you could just hand off your sequence to 
someone else. 


Digital storyboarding now allows storyboard artists the freedom to live 

in places far away from the more traditional film centers, and network 
their storyboards by adding them to the masterwork reels online. While 
convenient, it places additional responsibility on the director and/or 
storyboard supervisor to maintain continuity and quality control. You also 
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FIG 4 Astoryboard page drawn by Karl Toerge with director's notes added. From Click & Clack’s As the Wrench Turns (2008). (Copyright CTTV LLC. With 


permission.) 





lose the communal energy of the old story-room brainstorming sessions, 
where many good ideas can emerge. Productions are working on recreating 
that atmosphere via video-conferencing. 


There are many off-the-shelf storyboarding programs that are introduced 
each year, and large studios customize their own proprietary programs. Most 
programs can be classified into the categories of 2D and 3D. 


2D Storyboarding 


This is a system where the drawings are still done on paper, and then they 
are digitized into the computer and placed in order in the allotted time 
slots in the storyboard show file. This system can be used for so-called 2D 
animation programs like FLASH and TOONBOOM, as well as for films using 
3D animation techniques like MAYA. Beyond these off-the-shelf software 
packages, many large studios modify their proprietary software to suit their 
specific needs. 


Many of these storyboard packages now allow for drawing your storyboards 
directly into the computer by using a tablet and digital stylus rather than 

a pencil and paper. The first tablets were a challenge to learn, they left no 
image on the drawing surface, and the screen image appeared after an 
interval of time, which proved tedious. 


Current and future models are much faster and simpler for the artist to use. 
You can also set the frame size to stage shots for a widescreen or a television 
format project. The soundtracks can then be added, either from an external 
drive or downloaded from a network site. Large studios create a network site 
for an entire movie. This way, the individual storyartist, after completing his 
or her portion of the film could simply add it into the network file, or as we 
used to say, “cut it into the reel.” 


3D Storyboarding—Pre-Visualization 


This is a process known since 1992 as Pre-Visualization or Pre-Vis (Fig. 5). 

A virtual set is constructed in the computer, and the characters placed in 
them as maquettes, often just simple graphic symbols without color. When 
the various cuts are considered, the storyartist not only has to take into 
consideration the camera angle, but also the camera lenses to be used and 
the light sources in the scene. 


One single action of the actors could be restaged again and again from any 
angle in 360 degrees, with a myriad of possibilities for active camera moves. 
This all takes advantage of the in-the-round nature of 3D characters. 


Many times the storyartist begins with a rough traditional storyboard, then 
creates the pre-visual set with characters. At this time the director, and in the 
case of live action, the cinematographer, and lighting coordinator would have 
their input. 


Digital Storyboarding 


Timing for Animation 
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FIG 5 Pre-Vis set-up of dinosaur, showing how the camera can be moved in and around the same 3D artwork of 
the character. (Courtesy of Rhythm & Hues Studios). 
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Digital Storyboarding 





In some big-budget 3D films this process is done in the layout stage of 
production. This process was very useful when used with live actor-based 
systems like Motion Capture or Performance Capture. The director films the 
action using several cameras, and all that date becomes the basis for staging 
the scene afterward. Sometimes the camera position is the only thing 
captured, and its position is computed in real time, so that a live view of the 
3D scene can be displayed through its viewfinder. 
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Additional Storyboard Effects 


In the past, storyboards could be roughly drawn and simple enough to get 
the idea across quickly. Few outside of the production crew would see it, 

and they all understood its meaning to the final film. The exceptions were 
storyboards for commercial projects, which required a high degree of polish 
since some of the clients may have trouble imagining the finished product. 
But today many producers and backers of film are new to the field, so you 
have a better chance of getting your project approved by creating a look as 
close to the final film as is possible. Storyartists now routinely add temporary 
music and sound effects to their soundtracks and camera moves that in the 
past would only be suggested by red boxes and arrows (Fig. 6). 


Because of easy-to-use effects programs for your personal computer, many 
storyartists enhance their completed reels with additional tricks, collectively 
known as After-Effects. 


An After Effects type program enables you to move a character through a 
scene like a simple cutout. You could replace characters in a heavily detailed 
background without having to redraw that background over and over. You 
could add effects like real-looking smoke and flash-frames. You could also 
add motion blurs and fade through poses to approximate motion. 

Also, you could achieve a credible sense of depth by digitally breaking your 
composition into foreground, middle ground, and background, and change 
both field and focus in between them. 

In the 1930s, the Walt Disney Studio created a huge complex apparatus called 
the Multiplane Camera to create the same effect that you can now do at your 
computer simply. 

All these effects are usually added in after the reels’ timing is locked, because 
they require a lot of computer memory and work to redo. 
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Responsibility of the Director 


The director is responsible for decisions regarding the overall pacing and 
planning of the whole story or a particular sequence of it. 


This can involve sequences of several minutes’ duration or of only a few 
seconds. He must also decide how these sequences should be organized 
into scenes. 


How long should each scene be? What should be the pace of the action 

in the scene? What should be the pace of the action in order to hold the 
interest of the audience? How can ideas in the story best be put over to the 
audience? These are the problems the director must solve. Today's directors 
must evaluate and coordinate work from artists living in far-flung areas, 
sending their completed scenes in via computer networking. Going down to 
yet shorter periods of time, to individual actions, the responsibility is shared 
between the director and the animator. But the director still has overall 
control (Fig. 7). 


The animator should, however, add some ideas of his own as to how the 
character's performance can be achieved—just as an actor would in live 
action. The smallest units—individual drawings and frames—are almost 
entirely the animator’s province, and this is where his particular skill lies. 
How does a ball bounce? How does a character react in surprise, or snap his 
fingers? These are problems the animator must solve by his feeling for and 
knowledge of the subject. 


An animated film usually takes a long time to produce. During this period 
it is essential that the director should keep a constant check on how the 
production is progressing and how closely the original timing and concept 
have been followed. 


Most animated films are made to a predetermined length. A TV commercial 
must be an exact number of frames and a longer film will probably have to fit 
between fairly narrow limits. One of the director's problems is to fit the action 
to the time available. 


First divide the story into sections or sequences of convenient lengths. Run 
through each section mentally as many times as necessary to absorb all 

the important story points. Then run through each section again, timing it 
mentally with a stopwatch. Add up all the timings to give an overall total. 
This is sure to be more or less wide of the mark. If it is fairly close, see whether 
a sequence can be adjusted to bring the total about right. If it is much too 
short, more business must be invented to fill the time available. If it is much 
too long, maybe a whole sequence must be omitted. 


An example of a short TV commercial timed to a predetermined length. 
Timing decisions must always be made before the start of production. 
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FIG 7 Directing animation, by Tom Sito. 





Directing for Interactive Games 


Directing for Interactive Games 


A game generally consists of two parts: the game-play section and the 
cinematics. These are created in a “game-engine” program utilizing the same 
type of 2D or 3D animation software used in movies and television. A game 
usually does not have a director as we would know one in the classic sense. 
The game creator or designer is called the director. They usually come from 
the coding end of things. They create not only the narrative but also the 
look, and how the game plays. They employ concept artists and art directors 
to achieve their vision, but usually do not generate full storyboards, as much 
as work from notes and/or thumbnails of how they would like the storyline 
to run. The time constraints directors deal with in TV or Broadcast animation 
do not apply to games, because there is no limit to how long a user may 
play. After the 3D sets and character designs are approved, the modelers and 
riggers build them just like in regular animation production. Every game runs 
ona game engine. It tells the computer how to render the graphics, and how 
to play the graphics with the audio and the game logic. 


The cinematics are an elaborate visual introduction and/or conclusion to the 
game. The cinematic sets up what in movies we would call the exposition: 
the setting, mood, and central mythology. Middle Earth, The Battle of the 
Bulge, contemporary urban street gangs, or funny animals on a candy farm. 
Cinematics can often be interspersed throughout a game as well, when 
players complete missions, meet new characters, and so on. The cinematics 
are created much like traditional filmmaking, hence the term cinematics. 
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The Basic Unit of Time in Animation 


The basis of timing in animation is the fixed projection speed of 24 frames per 
second (fps) for film and video (Fig. 8). While other projection speeds have 
been used in the past, the standard projection rate for film of all formats—16 
mm, 35 mm, and 70 mm—remains 24 fps. On television and video, this 
becomes 25 frames per second (PAL) or 30 fps (NTSC and some computer 
programs), but the difference is usually imperceptible. Modern theme park 
attractions with advanced digital high resolution are using 60 frames a 
second. The animator needs to calculate for twos, taking it down to 30 fps 
and adjust their timing accordingly. 


The thing to remember is that if an action on the screen takes one second it 
covers 24 frames of film, and if it takes half a second it covers 12 frames, and 
soon. 


For single-frame animation, where one drawing is done for each frame, a 
second of action needs 24 drawings. If the same action is animated on double 
frames, the industry term, “on twos,” where each drawing is photographed 





ONE 










UL 


(RERRRRRRRRR RRR RRR RRR REE ERE 

peen 

# pi 

AN p 
pii 

H Ann) AYG Hh E 

FIG 8 Twenty-four frames of film go through the projector every second (25 on television). This fixed number of 


KE 
TRET nappi 
d ETT |e 
| he 
frames provides the basis on which all actions are planned and timed by the director. 







SECONDS 


O 
Faaki] 



























i 
LCT 











(Continued) 


16 


The Basic Unit of Time in Animation 





twice in succession, 12 drawings are necessary but the number of frames and 
hence the speed of the action would be the same in both cases. In Japanese 
anime, the audience has been accustomed to seeing animation on 4’s or 
even 6's to save money. If creating animation to be matched against live- 
action characters or settings, then the timing needs to be single frame. If you 
attempt to match exposures of two frames or longer to live action, the final 
composite scene will exhibit a noticeable skip or strobe in the motion. As 
animator Richard Williams liked to say, “Life is on ones.” 


Whatever the mood or pace of the action that appears on the screen, 
whether it be a frantic chase or a romantic love scene, all timing calculations 
must be based on the fact that the projector continues to hammer away 

at its constant projection rate. That is—24 fps for film and either 25 fps or 
30 fps for television and video, depending on the format. The unit of time 
within which an animator works is, therefore, {1/24} sec, {1/25} sec, or {1/30} 
sec and an important part of the skill, which the animator has to learn, is 
what this specific timing “feels” like on screen. With practice the animator 
also learns what multiples of this unit look like—3 frames, 8 frames, 

12 frames, and so on. 
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Timing for Television, Web-Based 
Programming vs. Timing for Features 


A director must be aware of the differences in the format he is working in. 
The demands of a big-budget theatrical or full-length project differ from 
a television show, game, or web animation, which must be done with an 
economy of resources (Fig. 9). 


Whether it is done by computer, traditional, or other mediums like claymation 
or puppets, quality feature animation is expensive. No expense can be 
spared if the finished film is expected to compete at the box office with the 
big live-action Hollywood blockbusters. When audiences go to the theater 
they expect ever-increasing cinematic experiences for their money. They are 
impressed with the technique for a moment, but then they expect a good 
story well told, and visuals striking enough to merit not waiting to download 
it and watch it at home. 


Animation for television, the web, or other smaller media presents a 
different series of challenges. The limits of budget and time constraints on 
producing hours of programming necessitate a rethinking of your creative 
strategies. So to keep the limited-animated projects lively, the plots are 
usually carried along by means of dialogue. Emphasis on dialogue and 


FIG 9 Arthur storyboard with sound over physical actions can save money. If the design of your show is 
director Greg Bailey's slugs. (WGBH more graphic and simple, the audience is more tolerant of the simplicity 
Educational Foundation/Cookie of its movement, rather than a very realistic design that does not seem to 
Jar Entertainment, underlying move enough. 
©/™ in Arthur: Marc Brown. With 
permission.) 
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Slugging 

In the production of a television series, keeping the shows at the required 
running length is vital to staying on budget and avoiding costly production 
overruns. If the contract with a television station is to deliver 12 episodes of 

24 minutes 40 seconds each with station breaks, you cannot give them 26 or 

28 minutes with excuses. And it means money was wasted to animate and 
color scenes that were destined to be edited and thrown away to keep the 
show at length. To keep their shows at the required length, directors or a story 
editor will pre-time a script out loud with a stopwatch. Almost like a table-read 
in the theater. Also many animation directors resort to a system called slugging. 


While the storyboards are being done, the actors record their voices “railroad- 
style.” This means they do their takes in order, not allowing for any acting 
pauses, or extra time for pantomime. On a series that is extra-concerned 

with conserving their resources, the actors may do two of more complete 
episodes in one recording session. 


While the soundtrack is being edited from the collection of individual “takes,” 
the director goes through the storyboard with a stopwatch and “slugs” the 
board. Meaning, he notes the amount of time for the pauses in between 

lines of dialogue. This way he anticipates roughly the amount of time needed 
for actions not using dialogue. This may be an action sequence like a fight, 

a “take” or reaction of another character, a setting transition, a comedy 
pantomime, or an establishing master shot of a new setting. 


Adding the total amount of slugs and dialogue lengths gives the director an 
idea of the total length of the show before any animator has begun to draw. 
Once the slugs are added to the edited soundtrack assembly, some further 
trimming is done to ensure the show stays at its required length. 


Some allowance should be given for the animator to expand his scenes 
length to create an inspired bit or performance. In this case, time will have to 
be lost somewhere else in the reel, but that can be done in the final edit. It is 
the director's decision. 


Another school of thought in TV production is to run the recording session in 

a block with all the voice actors as though it were a final performance. If this 
dialogue is well recorded for maximum dramatic effect, lengths of pauses 
between phrases cannot be changed (except within very narrow limits) without 
destroying that effect. In this case, the overall timing of long sections of the film 
is governed entirely by the dialogue. (There could be, however, considerable 
flexibility for more detailed timing within this fixed overall length.) 


In this approach, the director has room to maneuver sections. So, if the 

total timing for all the recorded dialogue is subtracted from the required 
length for the whole film, this gives the amount of time that is available 
without dialogue. This can then be split up and distributed throughout the 
film to give the best effect. The drawbacks are the difficulty in corralling all the 
voice actors to record in studio all at a set time, and making broad guesses at 
the microphone as to the length of some future bit of physical action. 
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FIG 10 Part ofa production breakdown chart. After the director has decided on the filming, scene continuity, and so on, this information is transferred to a 
chart showing scene numbers, etc. As scenes are passed out and completed, boxes are shaded in on this chart so that the state of production can be seen at 


a glance. 
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Bar Sheets 


From the mid-20th century to the 1990s, after the soundtrack was assembled 
with the called for pauses in the slugs or timed according to the storyreel, 
the director worked out the timing of the film on bar sheets. At Walt Disney 
Studios these were also called the Greys. He/she decides on scene continuity, 
the exact length of each scene, and what action takes place within it. He/she 
also plans the pace of the storytelling and decides where tracks, pans, mixes, 
etc., are needed to put the story over in the best possible way. 


At the beginning of the film the director knows what is about to happen but 
the audience does not. The timing at the start of a film is, therefore, probably 
rather slow until the audience has been introduced to the location, the 
characters, and the mood of the film. Once this has been done, the pace may 
build up to the climax if it is a short film. If it is a longer film, it may build up to 
a series of climaxes. 


The bar sheets were useful in that having defined the complete continuity 
of the film, with scene lengths and other information, they can also serve as 
the basic reference for the composer, and for the editor when the final film is 
assembled (Fig. 10). 


Since the advent of computer animation, the need for bar sheets has been 
replaced by notations and sound breakdown done directly in the computer. 
However, some vestiges of the older practice may still remain in some circles. 
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FIG 11 Part of a completed exposure sheet for an individual scene. Each horizontal division represents one frame of film. The director’s timing is in the 
left-hand column and the camera instructions are on the right. The animator has written the numbers of his drawings in the middle six columns. 
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Timing for a Hand-Drawn Film: 
Exposure Charts or Exposure Sheets 


When the director has completed the bar sheets for a film, the information is 
split up scene-by-scene ready for distribution to the animators. 


The timing is transferred to printed dope sheets (United Kingdom) known 

as exposure sheets or X-Sheets in the United States (Fig. 11). Some studios 

use charts with units of 4 seconds (96 frames) on each sheet. Others, who 
primarily work in television where the speed of projection is 25 frames per 
second, use sheets in 100 frame units which provide 4 seconds of running 
time for television. Even after much of animation has transitioned over to 
computers, animation software programs have created a digital equivalent of 
the dope sheet to be used the same way as its analog forebears. 


Animation timing is usually indicated by the director in the left column of 
exposure charts, so that the animator can work out the number of drawings 
required to complete each action in the other columns. This information is 
useful to all members of an animation unit: the animators, their assistants, 
and the cameraman. Alongside the production of animation, the exposure 
charts are filled in according to the levels of cells or celluloids to be 
photographed and eventually serve as guides for photography. 


The left column or directors notes is where many directors can affect their 
animator’s performance most directly. Legendary directors of the past like 
Chuck Jones used this place to put detailed instructions, complete with 
small sketches and diagrams. In the famous Simpsons TV series, the directors 
would have many pose drawings created and then time them precisely to 
maintain a continuity of performance. 


People have their own individual shorthand, but generally a horizontal 

line means a hold, a curve means an action of some sort, a loop means the 
anticipation to an action, a wavy line means a repeat cycle, and so on. If an 
action must take place on a certain frame, this is marked with a cross on the 
required frame. The action is also written out verbally with stage directions, 
repeat animation instructions, and other relevant information. Some 
directors would even draw simple poses in the appropriate spaces to more 
clearly explain what they needed. 


Timing on X sheets is an extremely skilled operation. The director needs a 
great deal of experience to time out a film mentally before any drawing is 
done. When he commits his ideas to paper on the sheets, he is telling the 
story in terms of film, that is, cutting, timing, and pace (movement). He has 
already animated the film in his mind. 


He/she must run forward and backward through the story many times in 

his mind, relating the different parts of the story to one another in terms of 
dramatic flow. At the same time, he must be trying continually to judge what 
the effect will be on an audience who come fresh to it and who see the film 
through once only. 
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Timing for an Overseas Production 


With today’s global productions it is not often that a director will have access 
to his staff under one roof. Many times he will be directing crews on the 
other side of the world, who may not speak his/her language. In this case 

he needs to be even more exact in the details of the notes he puts on his 
dope/exposure sheets. He must take into account the cultural differences 
and differing theatrical traditions when explaining his wishes. A simple gag 
like the magician pulling a rabbit out of his hat, may be totally unknown to 
the artists he is using. So his notes must be painstakingly specific and clear: 
“Magician's arm anticipates back 8 frames, thrusts into hat 4 frames, hold 12 
frames, pull out rabbit 6 frames, hold and react 72 frames,” etc. He must be 
careful in his explanation to avoid confusing local slang. Once when | said 

a character was feeling blue—meaning petit melancholia, the scene came 
back with the character painted with blue skin! Another time the storyartist 
left the note that the Superhero took off like a rocket, and the overseas artists 
literally morphed his body shape into a rocket before blasting off. 


The director timing for overseas production must be cognizant of the 

fact that much of the artists he will be using are being paid for the quantity 
of their output more than the quality. So he/she must not take for granted 
that the animators will add that extra sense of playful performance in their 
assignment. There will be exceptions, but most are only expected to 

move the characters from Point A to Point B, as indicated in the layouts 
and exposure sheets. If the director wants more than that, he/she must 
take the initiative to add additional poses and specific notes to add to 

the performance. Also maintain close communication with the overseas 
supervisors. 
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Timing for a 2D Digital Production 


In many 2D animation programs the notes on paper exposure/dope sheets 
have been replaced by digital levels displayed upon the computer screen. 
The director times out his cuts using the story reel almost as an editor would 
do traditionally. Then the director creates an extra level to write and draw 
his/her notes digitally using a stylus and tablet. He or she may write on each 
frame, or create rough sketches for the animator to use as guideposts. All of 
this has the benefit of immediate and repeated playback. 


Timing for a 3D Digital Production 


When directing artists using a 3D program, in many cases there are no 
exposure sheets to work from, or additional columns on the reel. The director 
must get his/her wishes to the animator using storyreels with many specific 
poses, then a detailed face-to-face conference to explain all you want done. 
In this face-to-face meeting, the director would give the animators quick 
sketches or diagrams to better illustrate his/her points. Director Brad Bird 
would have the reel projected upon a whiteboard for his staff and explain his 
wishes by drawing with a dry-erase marker right on the held frames. 


When directing for a 3D production to be done overseas, the director 

can have himself filmed, doing the lecture, explaining his/her wishes, 
complete with illustrations. This tape is then seen by the overseas studio. Or 
arrangements can be made for a virtual teleconference. 


The animator takes the character with its built-in controls, called the rig, and 
using the control levers creates the major poses, called keyframes. After the 
in-betweens and blurs are added, the speeds of the movement can be sped 
up or slowed down by moving the spacing bar or spline. The director can 
later correct the animators’ performance by also moving this bar. 


25 


Timing for Animation 





FIG 12 Motion capture stage. (Photo by Roberto Antonio Gómez Nájera. Courtesy of the USC School of Cinematic Arts.) 
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Timing for an Actor-Based Program 
(Performance or Motion Capture) 


An animation technique that has grown in popularity since the turn of the 
Millennium has been Motion or Performance Capture. In many reality-based 
interactive games like military combat or martial arts, or generally wherever 
there is a need for more realistic human motion, an animator may choose to 
work with motion capture data from live actors (Fig. 12). Currently mo-cap 
data can be captured either by sensors or markers. In one the actor is covered 
with small sensors that record his/her movement in the computer in real 
time. In the other system, the actor is covered with reflective markers, and 
performs on a special stage, surrounded by multiple external cameras 
recording their actions. In recording the scene, the director/animator can 
interact with the actor much like a live-action director does. He/she may 
choose to involve a live-action cinematographer to set the camera angles 
and camera moves. The camera can be as active as the actors. The camera 
work can be captured at the same time as the actors, or it can be set up in the 
computer after capture. The overall process is costly, but it promises a way to 
create realistic-looking human animation more easily. 


The filmmaker must be cautioned that the acting avatars’ movements are 
not the final performance. Even though the technology for recording actors’ 
movements grows more sophisticated each year, the animator still must be 
on hand to correct inconsistencies and fix problems. After the performance 
is recorded in the computer, the animator must get in and flesh out the 
keyframes of the animation. He/she moves frames closer or further apart and 
augments or “pluses” poses to complete the animated performance. Often 
this is to give the characters more of a feeling of weight and gravity. Also to 
smooth out the jittery motions and inconsistences in fingers and faces on 
the raw mo-cap. Capturing the subtlety of the human face in performance 

is a difficult goal. Whether you are working in 2D or 3D, the fleshiness in the 
face, subtlety of speaking through eye contact, properly timed lip-sync with 
good phoneme shapes all present a challenge to the animator. Like in the old 
technique of rotoscope, where the live actor’s movement was traced over, 
the motion capture actor provides us scale, staging, and basic performance. 
But to be used to its greatest effect, the subtleties and nuances have to be 
polished and enhanced by a keyframe animator. 
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FIG 13 Animation consists of sequences of weightless drawings. The success of animation on the screen of animation on the screen depends largely on 
how well these drawings give the impression of reacting in an exaggerated way when weight and forces are made to act upon them. 





Animation and Properties of Matter 


Animation and Properties of Matter 


The basic question which an animator is continually asking himself is: “What 
will happen to this object when a force acts upon it?” And the success of his 
animation largely depends on how well he answers this question. 


All objects in nature have their own weight, construction, and degree of 
flexibility, and therefore each behaves in its own individual way when a force 
acts upon it. This behavior, a combination of position and timing, is the basis 
of animation. Animation consists of drawings, which have neither weight nor 
do they have any forces acting on them (Fig. 13). In certain types of limited 

or abstract animation, the drawings can be treated as moving patterns. 
However, in order to give meaning to movement, the animator must consider 
Newton's laws of motion, which contain all the information necessary to 
move characters and objects around. There are many aspects of his theories 
which are important in this book. However, it is not necessary to know 

the laws of motion in their verbal form, but in the way which is familiar to 
everyone, that is, by watching things move. For instance, everyone knows 
that things do not start moving suddenly from rest—even a cannonball has 
to accelerate to its maximum speed when fired. Nor do things suddenly stop 
dead—a car hitting a wall of concrete carries on moving after the first impact, 
during which time it folds itself rapidly up into a wreck. 


It is not the exaggeration of the weight of the object which is at the center 
of animation, but the exaggeration of the tendency of the weight—any 
weight—to move in a certain way. 


The timing of a scene for animation has two aspects: 


1. The timing of inanimate objects. 
2. The timing of the movement of a living character. 


With inanimate objects the problems are straightforward dynamics: “How 
long does a door take to slam?” “How quickly does a cloud drift across the 
sky?” “How long does it take a steamroller, running out of control downhill, to 
go through a brick wall?” 


With living characters the same kind of problems occur because a character 
is a piece of flesh which has to be moved around by the action of forces on it. 
In addition, however, time must be allowed for the mental operation of the 
character, if he is to come alive on the screen, he must appear to be thinking 
his way through his actions, making decisions, and finally moving his body 
around under the influence of his own will power and muscle. 
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FIG 14 Cartoon is a medium of caricature— naturalistic action looks weak in animation. Look at what actually happens, simplify down to the essentials of 
the movement and exaggerate these to the extreme. 
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Movement and Caricature 


The movement of most everyday objects around us is caused by the effect of 
forces acting upon matter. 


The movement of objects becomes so familiar to us that, subconsciously, 
these movements give us a great deal of information about the objects 
themselves and about the forces acting on them. This is true not only of 
inanimate objects, but also of living things—especially people. 


The animator’s job is to synthesize movements and to apply just the right 
amount of creative exaggeration to make the movement look natural within 
the cartoon medium. 


Cartoon film is a medium of caricature. The character of each subject and the 
movement it expresses are exaggerated. The subjects can be considered as 
caricatured matter acted upon by caricatured forces (Fig. 14). 


Cartoon film can also be a dramatic medium. This particular quality can 

be achieved, among other means, by speeded-up action and highly 
exaggerated timing. The difference between an action containing caricature, 
or humor, or drama, may be very subtle. Eventually, with enough experience 
in animation timing, it becomes possible to emphasize the difference. 


Caricatured matter has the same properties as natural matter, only more 
so. To understand how cartoon matter behaves, it is necessary to look more 
closely into the way matter behaves naturally. 
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Cause and Effect 


There is a train of cause and effect which runs through an object when it 

is acted upon by a force. This is the result of the transmission of the force 
through a more or less flexible medium (i.e., caricatured matter). This is one 
aspect of good movement in animation. 


An animator must understand the mechanics of the natural movement of 
an object and then keep this knowledge in the back of his mind whilst he 
concentrates on the real business of animation. This is the creation of mood 
and conveying the right feeling by the way an action is done. 


Examples of cause and effect (Fig. 15): 
Figs. 15A and 15B 


A rope wrapped around anything and pulled tight has the tendency shown. 
How far the reaction goes depends on: 


i. the strength of the forces pulling the rope. 
ii. the flexibility or rigidity of the object being squeezed. Exaggerate the 
tendency. 





o l Pak 
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FIG 15 A A rope wrapped round something. B The ends of the rope are pulled tight. C A stone on one end of a seesaw. D and E A bigger stone drops 
onto the other end. F A man stoops to pick something up. G and H He reacts when pricked by a pin. 
(Continued) 
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Figs. 15C, D, and E 


On the seesaw, the end of the plank with the smaller stone tends to stay 
where it is to begin with because of its inertia, so bending plank D. A moment 
later it starts to accelerate and the plank springs back with the opposite 
curvature causing the stone to whizz out of the screen, E. 


Figs. 15F, G, and H 
The man is bending over to pick up something. His reaction when pricked is: 
G A reflex jerk to remove his behind from the pin. 


H A look of surprise or horror as he turns to see what is happening. 





FIG 15 (Cont.) A A rope wrapped round something. B The ends of the rope are pulled tight. C A stone on one end of a seesaw. D and E A bigger stone 
drops onto the other end. F A man stoops to pick something up. G and H He reacts when pricked by a pin. 
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Newton’s Laws of Motion 


Every object or character has weight and moves only when a force is applied 
to it. This is Newton’s first law of motion. An object at rest tends to remain at 
rest until a force moves it, and once it is moving it tends to keep moving ina 
straight line until another force stops it. 


The heavier an object is, or strictly speaking, the greater its mass, the more 
the force is required to change its motion. A heavy body has more inertia and 
more momentum than a light one. 


A heavy object at rest, such as a cannonball, needs a lot of force to move 

it (Fig. 16A). When fired from a cannon, the force of the charge acts on the 
cannonball only while it is in the gun barrel. Since the force of the explosive 
charge is very large indeed, this is sufficient to accelerate the cannonball to a 
considerable speed. A smaller force acting for a short time, say a strong kick, 
may have no effect on the cannonball at all. In fact it is more likely to damage 
the kicker’s toe. However, persistent force, even if not very strong, would 
gradually start the cannonball rolling and it would eventually be traveling 
fairly quickly. 


Once the cannonball is moving, it tends to keep moving at the same speed 
and requires some force to stop it. If it meets an obstacle it may, depending 
on its speed, crash straight through it. If it is rolling on a rough surface it 
comes to rest fairly soon, but if rolling on a smooth flat surface, friction takes 
quite a long time to bring it to rest. 


When dealing with very heavy objects, therefore, the director must allow 
plenty of time to start, stop, or change their movements, in order to make 
their weight look convincing. The animator, for his part, must see that 
plenty of force is applied to the cannonball to make it start, stop, or change 
direction. 


Light objects have much less resistance to change of movement and so 
behave very differently when forces act on them. A toy balloon (Fig. 16B) 
needs much less time to start it moving. The flick of a finger is enough to 
make it accelerate quickly away. When moving, it has little momentum and 
the friction of the air quickly slows it up, so it does not travel very far. 


The way an object behaves on the screen, and the effect of weight that it 
gives, depends entirely on the spacing of the animation drawings and not on 
the drawing itself. It does not matter how beautifully drawn the cannonball is 
in the static sense, it does not look like a cannonball if it does not behave like 
one; and the same applies to the balloon, and indeed to any other object or 
character. 


In both these examples a circle is being animated. The timing of its 
movements can make it look heavy or light on the screen. 
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FIG 16 AAcannon ball needs a lot of force to start it moving. Once moving, it takes a lot of force for stopping. B A balloon needs only a small force to 
move it, but air resistance quickly brings it to rest. 
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Objects Thrown Through the Air 


If an object is thrown vertically upward, its speed gradually diminishes to 
zero (Fig. 17A). It then starts to accelerate downward again. The height to 
which it rises depends on the speed at which it is thrown, but the rate of 
deceleration is the exact opposite of the acceleration, as worked out in Fig. 19. 
In fact the same scale can be used for both acceleration and deceleration. 


If a ball is thrown upward at an angle, then its movement has two 
components: vertical and horizontal. Vertical speed diminishes to zero and 
increases again as it falls, while at the same time its forward movement 
remains fairly constant. This means the ball moves along a parabola (Fig. 17B). 


If a rubber ball is thrown down ona hard smooth surface, it moves with a 
series of bounces. The curve between one bounce and the next is again a 
parabola. The parabolas diminish in height each time as some energy is lost 
by the ball on each bounce (Fig. 17C). 





If possible, drawings around the actual bounce should be spaced as in Fig. 17C. 
The drawing after the squash should overlap the squash drawing slightly, as 
the ball accelerates to its maximum speed again. On the remainder of each 
parabola, the drawings tend to bunch together at the top and spread apart at 
the bottom of the curve, as in Fig. 17B. 


If, when the ball is timed out at the required speed, there is a large gap 
between one drawing and the next, compared to the diameter of the 
ball, then it is a good idea to stretch the circle slightly into an ellipse in 
the direction in which the ball is traveling. This, possibly with speed lines 
added (see Fig. 57) helps to lead the eye from one drawing to the next 
and smooth out the movement. This should not be overdone, however, 
particularly at slow speeds, as it may give a rather floppy effect to the ball. 








FIG 17 A The speed ofa ball, rising vertically under the influence of gravity, gradually diminishes to zero. The same spacing of drawings can be used for its 
acceleration as it falls back to earth. B If the ball is thrown upward at an angle, it travels in a parabola. C A rubber ball bouncing on a hard surface proceeds 
in a series of diminishing parabolas, as energy is lost on each bounce. D A cartoon character bounces in much the same way as a ball. 

(Continued) 
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FIG 17 (Cont.) A The speed of a ball, rising vertically under the influence of gravity, gradually diminishes to zero. The same spacing of drawings can be used 
for its acceleration as it falls back to earth. B If the ball is thrown upward at an angle, it travels in a parabola. C A rubber ball bouncing on a hard surface 
proceeds in a series of diminishing parabolas, as energy is lost on each bounce. D A cartoon character bounces in much the same way as a ball. 
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Timing of Inanimate Objects 


An inanimate object which has weight and is being acted upon by known 
forces moves in a predictable way. As a simple example, consider an object 
falling from rest under the influence of gravity. Disregarding air resistance, all 
objects fall with the same acceleration, which is about 9.8 meters per second 
per second. In practice, of course, the buoyancy of the air makes a leaf behave 
very differently from a lump of lead when dropped. However, assuming that 
an object is dropped which has an average weight, then the distance it falls in 
atime, “t,” with an acceleration, “f,” is given by the formula: 


Distance = + ft? 


= 4,9t? meters 


By substituting some numerical values for “t” distances fallen are as follows: 


after 4 second—0.08 meters 
4 second—0.3 meters 
> second—1.2 meters 


1 second—4.9 meters, and so on. 


A graph with the time in frames plotted against the distance fallen, gives 
a parabola (see illustration; Fig. 18). At a projection speed of 24 frames per 
second, the object falls as follows: 


0.08 meters after 3 frames 

0.3 meters after 6 frames 

1.2 meters after 12 frames 

4.9 meters after 24 frames, etc. 


In animation it is not usually necessary to work out a movement like this 
mathematically. It is alright if it looks right, and it looks right if the movement 
is based on what actually happens in nature, simplified and exaggerated if 
necessary for dramatic effect. 
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FIG 18 Speed chart of an average object falling under gravity. The air resistance affecting the fall of a feather, or a heavy brick must be taken into account. 
Disregarding air resistance, an object falling from rest accelerates at a fixed rate. If the distance fallen is plotted against the time taken it gives a parabola. The 
vertical scale on the right shows the distance fallen in a given number of frames. Starting from rest, whatever distance an object falls in a given time interval, 
it travels four times as far in twice that interval. For example, it travels four times as far in 18 frames as it does in 9. 
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Rotating Objects 


To say that a bouncing or thrown ball travels along a parabola, really means 
that its center of gravity does so. The mass of anybody acts as though 
concentrated at its center of gravity. 


Irregular Inanimate Objects 


If an irregular shaped object is falling or being thrown through the air, the 
movement of its center of gravity along a parabola can be timed. As most 
objects have a tendency to rotate when flying through the air, the object 

is then drawn pivoting by a fixed amount about the successive positions of 
the center of gravity along the parabola. For example, with a heavy hammer 
most of the weight is in the metal head and the center of gravity is therefore 
close to this end. This would produce successive positions of the hammer 

as in the illustration (Fig. 19A). The shape of the hammer and the speed and 
direction of rotation might vary but the principle of movement remains the 
same. 


In animation, if the speed of an object is sufficient, changes in perspective as 
the object rotates are not apparent. It is usually enough to have one drawing 
of the object with the position of the center of gravity marked on it. This 

can then be placed with the center of gravity over the required point on the 
parabola and traced off in this position. The center of gravity is then placed 
over the next successive point on the parabola, turned through the required 
angle, and traced off on this position, and so on. 


Animate Objects—Characters 


In an object whose shape is variable, such as a man, the position of the center 
of gravity also changes. If the man falls or jumps through the air, his center 

of gravity also travels along a parabola (Fig. 19B), even though the shape of 
his body changes and he may rotate in much the same way as an inanimate 
object. 
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FIG 19 A All objects moving in free flight under gravity, move in parabolas. A thrown hammer spinning through the air rotates round its center of gravity, 
but the center of gravity itself travels on a parabola (unless it goes into orbit, when it travels on an ellipse). B The center of gravity of a man travels on a 
parabola when he jumps or dives through the air. 
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Force Transmitted Through a Flexible Joint 


Imagine a length of wood with string fastened to one end of it, lying ona 
fairly smooth surface (Fig. 20A). Pull the stick toward the right, by means of 
the string, from a direction roughly at right angles to the length of the stick. 
The first thing that happens is that the string pulls taut. Obviously the stick 

is not going to move while the string is slack. The weight of the stick acts as 
though concentrated at its center of gravity, and so the stick as a whole does 
not start to move in the direction of the pull until its center of gravity is in line 
with the string. So the stick rotates until the axis of the stick and the string are 
in line, and then moves off (Fig. 20B). 


If instead of the string another stick is used, flexibly jointed to the first one 
(Fig. 20C), then something very similar to Fig. 20B occurs if the second stick is 
moved to the right. If the second stick (shown in black) is now moved around 
as in Figs. 20D and 20E, then the white stick moves more or less in the way 
shown, provided the joint is quite flexible. If the white stick is pushed around 
and is the prime mover, then the black stick behaves in a similar way to the 
white one in Figs. 20D and 20E. 


The main characteristic of these movements in animation is that when the 
primary stick accelerates or changes direction, the successive drawings of the 
secondary stick overlap each other as the stick rotates. 


If three sticks are flexibly jointed together, and the lower stick is rocked to 
and fro fairly quickly, so that the effect of the momentum of the other two 
sticks becomes noticeable, the combined movement is similar to Fig. 20F. 
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FIG 20 The action ofa force through a flexible joint. A to E The movement of a stick when a force is applied to it through a flexible joint. The white stick 
moves as a result of the movement of the black stick. F The movement of three sticks flexibly joined together (drawings spread out side by side for clarity). 
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Force Transmitted Through Jointed Limbs 


In character animation, force is very frequently transmitted by means of more 
or less flexible joints. 


An animal or man can be thought of as a series of fairly loosely connected 
sections. A leg consists of the thighbone connected to a ball and socket joint 
at the hip; the lower leg, with a hinge joint at the knee; and the foot which is 
fairly flexibly jointed at the ankle. The arm is jointed from the shoulder ina 
similar way. So if a subject's shoulders are jerked backward, his hands tend to 
follow only after his arms are pulled into line with the centers of gravity of his 
hands (Fig. 21A). 


This is not strictly true, of course, with live characters because if the 
movement is slow enough, the muscles have time to contract and stop the 
arms straightening completely. Nevertheless the tendency is there, and it is 
these tendencies which the animator picks on and exaggerates. The faster 
the action, the greater the exaggeration. 


Hands and feet move in the same way as the white rods in Fig. 20. They 

tend to rotate on their centers of gravity when the direction of movement 
changes. In Fig. 21B, with a flexible wrist, the hand tends to trail backward 

in the middle of a forward movement and in Fig. 21C the foot tends to trail in 
the direction it is coming from when the leg is lowered or raised and in 

Fig. 21D, during a kick, respectively. 


An object held loosely in the fingers behaves in a similar way when the hand 
is moved about (Fig. 21E). 
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FIG 21 How flexible joints are manipulated affects the animation of humans as well as animals. A This is the equivalent in human terms of figure. 
B Note flexibility of wrist. C and D Note flexibility of ankle as foot is lowered and raised, and during a kick. E From the Hoffnung Symphony Orchestra 
showing movement of flexible arm and loosely held baton. 
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Spacing of Drawings—General Remarks 


When any object in nature moves from a rest point X and stops at a point Y, it 
has a tendency, owing to the properties of matter, to accelerate to a maximum 
speed in the middle of the movement and then slow down to a stop (Fig. 22A). 
Obviously there are an infinite number of variations in detail, but this is the 
general tendency. A piston going to and fro moves more slowly at the ends 

of its movement and so in animation the drawings are closer together at the 
ends of the movement than in the middle. This kind of movement is called 
simple harmonic motion, and can be arrived at by projecting equidistant 
points on the circumference of a circle onto a straight line (Fig. 22B). 


In animation it is sometimes difficult to graduate the space between 
drawings in this way and so usually an approximation is made by halving, 
rehalving, and halving again the distance to be traveled, according to the 
time available. In some cases distances are split for convenience into thirds, or 
even quarters, although other proportions are usually impracticable (Fig. 22C). 


(A) H+ + — +H] 





FIG 22 A An object moving from one point to another accelerates from rest to a maximum speed and then decelerates to a stop. B The projection of the 
positions of a point moving round a circle on to a straight line gives the positions of a point moving up and down the line, with simple harmonic motion. 
C Methods of in-betweening which are used in various combinations depending on the speed of the movement. D A man sawing slows into and out of the 


two extremes of the movement. ; 
(Continued) 
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A human figure moving to and fro, sawing for example, moves in a similar 
way to a piston. The body weight moves forward, slows down, changes 
direction, and starts to move backward, slows down, changes direction, 
starts to move forward, and so on. The general weight of the body moves 
forward and backward and the drawings are therefore spaced in the same 
way as those for a piston. The spacing of the drawings of the arm and saw 
are different from that of the weight of the body because the action of 
sawing requires manipulation of weight and muscle power (Fig. 22D). 


HALVES ~\“tHIRDS 
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FIG 22 (Cont.) A An object moving from one point to another accelerates from rest to a maximum speed and then decelerates to a stop. B The projection of 
the positions of a point moving round a circle on to a straight line gives the positions of a point moving up and down the line, with simple harmonic motion. 

C Methods of in-betweening which are used in various combinations depending on the speed of the movement. D A man sawing slows into and out of the 
two extremes of the movement. 
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Spacing of Drawings 


As explained above, the basis of timing is the established film speed of 24 
frames per second. If, therefore, something moves from A to B in 6 frames, 
the drawings required to do this are spaced twice as far apart as they would 
be if the object moved from A to B in 12 frames—assuming single-frame 
animation, or “ones,” is used in both cases. 


Therefore, for an animator, the timing of an action is the same as deciding the 
number and spacing of the drawings or key poses needed to make up the 
action. 


How many drawings are needed, for example, to make a character 

point his finger off-screen? (Fig. 23A) It is necessary to know a number 

of things to answer this. Is the character slow or quick in his reactions? 

Is he pointing, for example, to a distant view or is he pointing to warn 
somebody that a car is about to run him down? Is it a full arm movement or 
a more restricted finger movement? 


If it is a fairly gentle movement, the action might take about 16 frames to 
complete which on double frame animation, or “twos,” would be eight 
drawings. If the arm is at rest at the beginning and end of the movement, 
then the drawings are spaced more closely at the beginning and end. This 
gives the impression that the arm is a fairly weighty object accelerating from 
rest and decelerating again at the end of the movement. 
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FIG 23 A A simple arm movement, accelerating at the beginning and decelerating at the end. B A more violent point. Drawings 1—5 anticipate 
the movement, the hand shoots out too far on 6—9, and returns to the final position on 10—12. C A kicking donkey gives a more violent example 
of overshooting. 
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Timing a Slow Action 


Occasionally it is necessary to animate movements which strain the medium 
to its limit, such as for slow movement. In a lyrical mood, slow motion, or a 
comedy situation, this may be unavoidable. The closer drawings are to each 
other, the slower the movement appears. On the other hand, the wider the 
spacing between drawings, the quicker it looks on the screen. But there is a 
limit in both directions. 


Closely spaced drawings tend to jitter if not drawn with great accuracy and 
if the distances are not worked out precisely. In cartoons, as a rule, very slow 
motion should be avoided. It is better left to live action. If it must be done, 
make sure that the movement contains sufficient rhythm, bounce, and 
flexibility. The drawings also need extremely careful tracing. Sometimes it 

is preferable to advance the animation by short camera dissolves or adding 
digital motion blur, rather than laboriously filling in every in-between. 


If the animated drawings are close and accurate enough, three or even four 
frame exposures are possible per drawing. In close up, however, this might 
appear too jerky Fig. 24. Sometimes Japanese and Korean anime will allow for 
timing on fours or even six frame exposures, but this is not so much natural as 
it is an intentional abstract convention it’s audience has learned to accept. It 
is highly advisable to study an animation line test to ensure that the desired 
effect has been achieved. 
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Enlarged film frames from Animal Farm showing an extremely slow movement of the character Napoleon ascending to the top of a barn on a 
ladder. Occasionally as in this case, it is permissible to apply three frames for each movement. The animation is so slow and the intervals are so close to each 
other that the movement does not appear jerky and the audience will not notice the difference. 
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Timing a Fast Action 


Fast rather than slow action suits animation best. It gives the animator an 
opportunity to create an illusion of pace and energy which is much more 
difficult to achieve with live action. 


The important point to remember about timing fast action is that the faster 
the movement is, the more important it is to make sure the audience can 
follow what is happening. The action must not be so fast that the audience 
cannot read it and understand the meaning of it. 


With fast action, anticipation is very important indeed. The character 
prepares for the action he is about to do so that the audience is ready for 
the quick movement when it comes and so can follow it even though it 
may be very rapid. In an extreme case, for example where a character zips 
off-screen, the anticipation alone is sufficient and it is possible to miss out 





FIG 25 A fast punch. The character animates fairly slowly out of hold at drawing 1 into the anticipation at 11. He 
then accelerates into the forward stroke on 17 and into the contact on drawing 19. A white “splat” originates from 
the point of contact and continues for the following two drawings. The fist continues quickly round on 21 and the 
body comes to a freeze position on 27. 


(Continued) 
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the zip altogether or perhaps dissolve it into a puff of smoke or “whizz” 
lines (see Fig. 57D). Modern digital techniques enable the artist to add a 
motion blur in between fast key poses, imitating the eye’s inability to see 
fast actions but as a blur. 


Of course there are times when anticipating every movement becomes 
tedious and it is necessary for dramatic effect to shock the audience with a 
surprise move. For example, if one character delivers a punch on the chin 
of another, it would be necessary to freeze the position of the fist at the 
end of the punch long enough for the audience to “catch up” with what 
has happened. It might give more impact to shoot the fist out too far, 
bringing it back relatively slowly to the hold. This would give a bunching 
together of the drawings at the end of the punch which would make it 
easier to read (Fig. 25). 





FIG 25(Cont.) A fast punch. The character animates fairly slowly out of hold at drawing 1 into the anticipation at 11. 
He then accelerates into the forward stroke on 17 and into the contact on drawing 19. A white “splat” originates from 
the point of contact and continues for the following two drawings. The fist continues quickly round on 21 and the 
body comes to a freeze position on 27. 
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Getting into and Out of Holds 


The time it takes to reach a hold depends on the momentum of the object 
or character. A heavy man running takes several seconds to come to a stop, 
while someone leaning forward to listen simply slows into a stop. In some 
studios this is called “cushioning an action.” 


Avoid having all parts of the figure coming to a stop at the same time. 

If a character jumps into a scene, for example, he might come in on an 

arc, squash, then recoil upward too far before coming to rest in the final 
pose. Even after his body has stopped it may be effective to have his arms 
continue for another few frames. If the character has any loose extremities, 
such as coat tails or feathers in his hat, these must take some time to stop. 
These would probably be drawn on separate levels to allow for this. When 
a figure comes to a hold, any extremities which have been trailing behind 
keep on moving then settle back, perhaps too far, before coming 

to rest (see Fig. 34). 


If a character makes a quick movement of surprise or perhaps winces, which 
shows a rapid tightening up of the muscles or a reflex withdrawal from 
danger, then he must go into the hold quickly. If the hold is made slowly in 
this case, the feeling of surprise is lost. With a quick stop such as this, it is even 
more important to have an overlap on the movement of the arms or hair, for 
example, to soften the sudden stop. 


When moving out of a hold—“cushioning out”—the spacing of the drawings 
usually gradually increases if the movement is fairly gentle. Any extremities 
hang back slightly until they are pulled along by the body. If the character 
goes into a more violent action, such as starting to walk, then the movement 
should be anticipated. The figure should draw back slightly before moving 
forward. As the front foot is raised the body begins to fall forward into the 

first step. If going into a run, the anticipation is more violent, with the body 
perhaps twisting away from the eventual direction of movement as the front 
foot is raised, and then leaning forward into the direction of movement so that 
the push on the back foot propels the body forward (Figs. 26A, 26B, and 26C). 


Getting Into and Out of Holds E 





FIG 26 A The character runs in and comes to a hold. He lands in a squash position and rebounds too high before coming to pose. B To go into walk, he 
shifts his weight over his right foot so that he can lift his left foot, at the same time leaning into the direction of the walk. C Here he moves from the same 
pose into a run cycle. 
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Single Frames or Double 
Frames? Ones or Twos? 


Most things can be animated sufficiently well on double frames “twos” 

to make the added expense of single frames unnecessary. Sometimes 

an effect does not work when double-framing is used and then the 

extra drawings must be done. It is dangerous to animate on double 

frames during a table move “pan” and/or camera track “zoom” or “truck.” 
These moves are usually done on single frames for smoothness and 

the combination of doubles and singles can produce effects of “jitter.” 
Animation done on pegs which move on single frames “ones” must also be 
animated on single frames. Animation to be matched to live-action figures 
or characters have to be done with single frames or “ones,” since that would 
match the live-action frames (Fig. 27). 


Broadly speaking and disregarding the above, the faster the action the more 
necessary it is to use single frames. In slow action, consecutive drawings are 
fairly close and the eye has no difficulty in jumping from one to the next but 





FIG 27 In timing a fast and continuous fluid action, inevitably single-frame animation should be used. In the case of this quick dance fitted to a strong 
music beat of a folk or square dance, no other method would work. The figures turn 360° around and a very careful follow-through animation is essential to 


maintain the shapes of the figures. Once one cycle is animated, it is possible to repeat it several times. 
(Continued) 
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in fast action the timing may call for the drawings to be so widely spaced on 
double frames that the eye can no longer connect them up. Animation on 
single frames obviously halves the distance between consecutive drawings 
when the action is at the same speed on doubles. 


When an action is very quick it is sometimes impossible to put enough 
information into the animation at double frames to explain what is happening. 

In a very fast run, which may need a cycle of eight frames or four frames to a step, 
then double-frame animation of two drawings per step just does not work on the 
screen. This, therefore, must be done on singles, giving four drawings per step, 
although even these may need drybrushing or blur to make the action work. 


Vibrating movements may also need single frames. A vibrating movement 
ABABAB etc., with two frames on A and B, gives a surprisingly slow reverberation, 
so if a more snappy result is needed, single frames must be used. 





FIG 27 (Cont.) In timing a fast and continuous fluid action, inevitably single-frame animation should be used. In the case of this quick dance fitted to a 
strong music beat of a folk or square dance, no other method would work. The figures turn 360° around and a very careful follow-through animation is 
essential to maintain the shapes of the figures. Once one cycle is animated, it is possible to repeat it several times. 
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How Long to Hold? 


The general question of how long to hold subdivides into two questions: 


1. How long is it mechanically possible for the object to hold? 
2. How long is it necessary to hold to give the best dramatic effect? 


The first question applied to inanimate objects is simply a matter of whether 
the object is in stable equilibrium. 


With a living character, the same point applies. Once he has arrived in a 
stable, fairly comfortable-looking pose, he can hold it forever. On the other 
hand he should not hold at all except for comic or other effect, in an off- 
balance pose. It does not matter how off-balance or awkward an extreme 
looks, provided it is reached properly and is moved out of fairly quickly. 

A drawing which works as a hold is really of a different kind from a normal 
animation drawing which works as one of a series (Fig. 28). A held drawing 
can usually be extracted from the animation and works when framed and 





FIG 28 A A static gag. Based on a joke drawing. The character raises the cymbals and holds there for 24 frames 
before a pan away to another member of the orchestra. (From Symphony Orchestra by Halas and Batchelor.) 

D The “freeze” position at the end of a fast throw, held for about 12 frames. B The plug is held for 32 frames 
(with gurgling sound effect). C The man stands up quickly and his body is held for 8 frames. E A “look” off- 
screen needs a hold of about 12 frames before cuffing to what the character sees. F Allow about 16 frames for 


each word of a title card for reading time. 
(Continued) 
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hung on the wall, whereas most animation drawings do not. A held drawing 
normally has a balanced look to it, although the subject can be either ina 
state of tension or relaxed. A relaxed or passive pose can be held for ever 
(listening, thinking, reading, etc.). If the design of the characters is more 
graphic and stylized, then a long hold is more believable than a realistically 
drawn figure held, which might look frozen to the audience. In the case of a 
realistic figure, a moving hold is desirable. The figure at rest blinks every three 
to five seconds, shifts its weight from one foot to another, etc. 


0000 
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FIG 28 (Cont.) A A static gag. Based on a joke drawing. The character raises the cymbals and holds there for 24 frames before a pan away to another 
member of the orchestra. (From Symphony Orchestra by Halas and Batchelor.) D The “freeze” position at the end of a fast throw, held for about 12 frames. 
B The plug is held for 32 frames (with gurgling sound effect). C The man stands up quickly and his body is held for 8 frames. E A “look” off-screen needs a 
hold of about 12 frames before cuffing to what the character sees. F Allow about 16 frames for each word of a title card for reading time. 
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Anticipation 


One of the tricks which an animator has to learn is how to attract the attention 
of the audience to the right part of the screen at the right moment. This is 

of great importance to prevent the audience missing some vital action and 

so the thread of the story. Although the audience is a group of individuals, 

the human brain works in a predictable way in these circumstances and it is 
possible to rely fairly confidently on reflex audience reaction. 


If there are a number of static objects on the screen with the attention 
equally divided between them and suddenly one of the objects moves, all 
eyes go to the moving object about % second later. Movement is, in effect, 
a signal to attract attention (Fig. 29). If, therefore, a preliminary movement 
is made before the main movement, such as drawing back the foot before a 
kick, the attention of the audience can be attracted to the foot. This ensures 
that they will see the kick when it comes. 


The amount of anticipation used considerably affects the speed of the action 
which follows it. If the audience can be led to expect something to happen 
then the action, when it does take place, can be very fast indeed without 
them losing the thread of what is going on. If the audience is not prepared 
for something which happens very quickly, they may miss it. In this case the 
action has to be slower. 


In an extreme case, if the anticipation is properly done, the action itself 
needs only to be suggested for the audience to accept it (see Fig. 57D). For 
instance, if a character is to zip-off screen it is enough for him to draw back in 
preparation, followed by perhaps one or two drawings to start the forward 
movement. A few drybrush speed lines or a puff of dust can then imply that 
he has gone. These lines or dust should be made to disperse fairly slowly— 
probably in not less than 12 frames. 





FIG 29 Since movement attracts the attention of the audience, their attention will be focused where motion 
takes place. A Simple anticipation of a grab. This can be more or less exaggerated according to circumstances. 
The character moves from rest into the anticipation at 2, then into the grab position at 3. B A more violent 


movement needing stronger anticipation. This is on 2, before the main action on 3. l 
(Continued) 
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FIG 29 (Cont.) Since movement attracts the attention of the audience, their attention will be focused where motion takes place. A Simple anticipation of a 
grab. This can be more or less exaggerated according to circumstances. The character moves from rest into the anticipation at 2, then into the grab position at 3. 
B A more violent movement needing stronger anticipation. This is on 2, before the main action on 3. 
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Dog- steers 





FIG 30 To maintain fluid animation it is essential to treat the weight of a body differently from its accessories or extremities. A A simplified dog's ear and 
its attachment to the dog. As the dog accelerates away the ear trails behind. B When the dog stops, the ear tends to continue forward at the same speed 
before swinging to rest. C Cloth trails in a way which combines the effects of its weight and the air resistance. D A horse's tail. E A feather, which is more 
springy than the other examples. 
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Follow Through 


The animation of an extremity, such as a coat tail or a feather in the hat, is 
difficult to key at the same time as the character to which it belongs (Fig. 30). 
Objects of this nature move to some extent independently of the character 
they are attached to. It is, therefore, difficult to predict where they will be a 
few frames ahead without following their movement drawing by drawing. 
The movement of an extremity depends on: 


1. The action of the character. 
2. The extremity’s own weight and degree of flexibility. 
3. Air resistance. 


Imagine a dog with floppy ears, which hang vertically when the dog is still. 
When the dog accelerates away the ears tend to stay behind but are pulled 
forward. As long as the dog does not slow down, the ears trail out behind, 
with a wave motion if the dog’s head goes up and down. If the dog slows 
down and stops, the ears try to continue forward, and may stretch forward 
before swinging back again and finally coming to rest. An attempt to key this 
movement with the dog is almost certain to fail. For instance, the ear may 
be moving at its fastest as the dog is coming to rest (Figs. 31A-31F). Similarly, 
a cloak of heavy cloth moves independently as a result of the movement 

of the character’s shoulders. It is important for the fluidity of the animation 
that the cloak is allowed to continue with its own speed and direction when 
the shoulders change their speed and direction. As a cloak is a large area, 
air resistance may be important too, particularly if the cloth is light. The 
movement of a gauze veil, for example, is governed almost entirely by air 
resistance, trailing behind the character and drifting slowly to rest after the 
character does. 


Follow Through 
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FIG 31 A A dog jumps in and stops. The front legs squash on 2 and the back legs on 4. The head and front legs are static on 5, although the back legs, tail, 
and ears are still moving. B—F Five balls bouncing, B, C, and E are together; D is overlapped one frame late, and F one frame early. G A loosely rattling car 

can be built up, for example, in four drawings. The bonnet and the door can be keyed on the top scale, two wheels, and one mudguard on the second scale, the 
steering wheel, and the front bumper on the third scale, and so on. In this way the movement of each part of the car can be made to overlap with the part next 


to it as far as possible. The amount of movement depends on the circumstances. 
(Continued) 
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Overlapping Action 


It is usually a good idea in animation to have a time lag between the 
movements of different parts of the figure. This is called overlapping action. 
In a slow, gentle action this may not be necessary, but in a more violent 
movement it helps to give fluidity. 


If several characters are dancing in unison on the screen, that is, using the same 
animation traced-off several times, their movements look much more alive and 
fluid with an overlap of one or two frames on some of the characters. The result 
is that these characters are just out of sync with the others, which appears less 
mechanical than having them exactly in unison. Trained soldiers marching, 
when the effect should be rather machine-like, should of course be timed 
exactly together. For a squad of new recruits, however, a four-frame overlap on 
some of them may not be enough to give a ragged look to their marching. 


Imagine a dog running along and coming to a stop. The first thing to stop 

are probably his front feet, then his back legs, and feet come up behind. As 
he has gone into a “squash” onto the front feet at first, once all four feet are 
firmly on the ground he comes out of this and might even go up too high and 
settle back into the final pose. If he has floppy ears, these are probably the 
last things to come to rest. 


The principle on which overlapping action is based, is really only that of 
momentum, inertia, and action through a flexible joint as shown in Fig. 30. 
The reason it works so well in animation is that the natural tendencies of 
movement work in this way and these are picked up and exaggerated. 





FIG 31(Cont.) A A dog jumps in and stops. The front legs squash on 2 and the back legs on 4. The head and front legs are static on 5, although the back 
legs, tail, and ears are still moving. B—F Five balls bouncing, B, C, and E are together; D is overlapped one frame late, and F one frame early. G A loosely 
rattling car can be built up, for example, in four drawings. The bonnet and the door can be keyed on the top scale, two wheels, and one mudguard on the 
second scale, the steering wheel, and the front bumper on the third scale, and so on. In this way the movement of each part of the car can be made to overlap 
with the part next to it as far as possible. The amount of movement depends on the circumstances. 
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Timing an Oscillating Movement 


A fast-vibrating movement, such as a spring twanging, can be done as 

shown in Fig. 32A. The movement between the extremes is so fast that no 
in-between drawings are necessary. It is only necessary to show the extreme 
positions of the spring getting gradually closer to the rest position. The 
vibration of a larger and heavier object, such as a springboard just after a diver 
has left it, is timed more slowly, taking perhaps four frames to go from the 
bottom of the movement to the top. In any action in which the direction of 
movement reverses at an extreme, it tends to come out of the extreme more 
slowly than going into it. This gives more “snap” to the movement. Cycles of 
less than six frames may look mechanical and it may be worth doubling the 
length of the cycle with two different variations of the movement or, instead 
of using a repeat of four frames, use a double near-repeat of seven or nine 
frames, so that the same positions do not appear on two consecutive repeats. 


The other type of inanimate repeat as seen in Fig. 41, in which the force of 
the wind causes a wave to move along a flag. A similar movement takes place 
when an animal wags its tail. The tail-wagging muscles can be considered as 
acting directly on the part of the tail next to the animal’s body causing the 
lower section of the tail to move from side to side. As the tail is flexible this 
movement is transmitted to the next, higher section with a slight time lag. 
The movement of this second section is then passed on with another time 
lag, and so on to the end. 





FIG 32 AAvibrating spring animated on single frames. B The slower vibration of a springboard. C A repeat cycle of an animal's tail wagging. D The 
quicker wag of a dog's tail, on double frames. E A surprised reaction, or “take,” can be achieved by in-betweening the character from 1 to 13 on odd 
numbers and from 2 to 13 on even numbers. If the drawings are shot consecutively a vibrating movement is achieved, coming to rest on 13. 


(Continued) 


66 


Timing an Oscillating Movement 





® & 





= 


FIG 32(Cont.) A A vibrating spring animated on single frames. B The slower 
vibration of a springboard. C A repeat cycle of an animal's tail wagging. D The 
quicker wag of a dog's tail, on double frames. E A surprised reaction, or “take,” can be 
achieved by in-betweening the character from 1 to 13 on odd numbers and from 2 to 
13 on even numbers. If the drawings are shot consecutively a vibrating movement is 
achieved, coming to rest on 13. 
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Timing to Suggest Weight and Force—1 


Each part of the body moves as a result of the action of muscles, or as a result of 
the movement of another part of the body to which it is attached. For instance 
in Fig. 33A, when the arm is raised, the upper arm tends to be raised first by the 
shoulder muscles. As the elbow is a flexible joint, there is a time lag before the 
forearm starts to move and similarly another time lag before the hand moves. 


In a walk, the knee is a hinge joint and the ankle acts almost like a ball and 
socket joint. If the angle between the shin and the foot is kept the same, the 
ankle joint appears to be rigid, so this angle must vary. In Fig. 33B the foot 
starts on the ground (position 1) and is lifted forward for the step. The knee 
is raised, but the foot tends to hang back and so comes up heel first. The toe 
trails downward until the top of the movement (position 4), but as the leg 
straightens the foot tends to keep going up and so, as the heel goes down, 
the foot rotates until the heel hits the ground (positions 5 and 6). The foot 
now tends to continue its downward movement but as it is stopped by the 
ground it quickly slaps down flat. 


If, as in Fig. 33C, a character is to give a strong pull on a rope, the first part of the 
body to move is probably the hips, followed by the shoulders, the arms, and 
finally by the rope. The amount of movement depends on the strength of the 
character, the weight on the other end of the rope, and the mood of the scene, 
but the order in which different parts of the movement take place is the same. 


If, in the same situation, the character is being pulled by a force at the other 
end of the rope, as in Fig. 33D, then the order of events is reversed. First the 





FIG 33 A Raising an arm, showing effect of flexible joints. B In a walk the flexible ankle joint results in the foot (railing downward as the ankle goes up on 
drawings 2 and 3, and trailing upward as the ankle goes down on drawings 5 and 6. C The sequence of events when a man pulls on a rope. On drawing 2 he 
takes up the slack, on 3 he starts to move his body weight backward, and on 4 he leans back on the rope. D When the rope itself is jerked, the man’s arms 
are drawn forward until they are in a straight line with the rope. At this point his shoulders are pulled forward in drawing 3 and in 4 and 5 his whole body is 
dragged away. 


(Continued) 
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rope moves, then the arm, the shoulders, and the hips. The first part of the 
pull takes up the slack in the rope, and if the movement is fast, the shoulders 
do not move until the rope and the arms have been pulled into a straight 
line. At this point the shoulders jerk forward and the character tends to pull 
out into a straight line as he goes out of screen. In a slow, steady pull the 
character may have time to react and try to resist. 





FIG 33 (Cont.) A Raising an arm, showing effect of flexible joints. B In a walk the flexible ankle joint results in the foot (railing downward as the ankle 
goes up on drawings 2 and 3, and trailing upward as the ankle goes down on drawings 5 and 6. C The sequence of events when a man pulls on a rope. On 
drawing 2 he takes up the slack, on 3 he starts to move his body weight backward, and on 4 he leans back on the rope. D When the rope itself is jerked, the 
man’s arms are drawn forward until they are in a straight line with the rope. At this point his shoulders are pulled forward in drawing 3 and in 4 and 5 his 
whole body is dragged away. 
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Timing to Suggest Weight and Force—2 


To give the impression that a character is wielding a heavy hammer it is 
important to time the movement carefully. 


The start position is as Fig. 34-1. The man is relaxed with the hammer head 
resting on the peg which he is going to hit. To start the movement he 

lifts the hammer. If it is heavy, he cannot do this in the position shown in 
Fig. 34-1A as he would then be off-balance and would topple over. In order 
to transfer the weight of the hammer over his feet so that he is balanced, he 
must step forward and grasp the hammer near its head (Fig. 34-2). He can 


FIG 34 Tomake the hammer look 

heavy, the man must keep the weight of the 
hammerhead more or less balanced above 
his feet, until he hits the ground with it. Only 
alight hammer could be lifted, as in 1A, 
without the man falling over. 





(Continued) 
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now slide the hammer toward himself and lift it above his widely spaced 
feet (Fig. 34-3). As the head of the hammer rises above shoulder level, he 
starts to move its weight backward in preparation for the forward action. 
However he cannot let it go too far behind him or he would overbalance 
backward (Fig. 34-4). So he starts to move his body weight forward, and this 
eventually starts the hammerhead moving forward (Fig. 34-5). He jerks his 
body forward and downward to give a forward impetus (Fig. 34-6) and the 
job is done. Now he need only step back and the hammer will fall and hit the 
peg. This position links up to Fig. 34-1 or at least Fig. 34-2. 





FIG 34(Cont.) To make the hammer look heavy, the man must keep the weight of the hammerhead more or less balanced above his feet, until he hits the 
ground with it. Only a light hammer could be lifted, as in 1A, without the man falling over. 
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Timing to Suggest Weight and Force—3 


In an energetic, repeated movement, for example, a man hitting something 
with a pitchfork, the different parts of the figure move in a particular way to 
give the maximum feeling of effort (Fig. 35). 


Drawing 1 shows the impact of the pitchfork with the ground. The end of the 
pitchfork remains in contact with the ground for drawings 2-4, while the body 


FIG 35 The man is repeatedly hitting something on the ground with a pitchfork. Note how the weight of the body is maneuvered to get the maximum 
effort into the impact on drawing 1. 


(Continued) 


Timing to Suggest Weight and Force—3 





begins to move out of the extreme position in readiness for the next stroke. 
The shoulders arrive at their furthest backward position in drawing 7 and 
begin to move forward again in drawing 8, although the head of the pitchfork 
is still moving backward. In drawing 9, the hips move quickly backward as the 
shoulders and arms come forward and downward, leaving a big gap between 
the position of the pitchfork in this drawing and that in drawing 1 to givea 
final impact to the movement. Note how the curvature of the body changes 
from convex to concave by means of “S” curves on drawings 2 and 7. 


FIG 35 (Cont.) The man is 
repeatedly hitting something on the 
ground with a pitchfork. Note how 
the weight of the body is maneuvered 
to get the maximum effort into the 
impact on drawing 1. 
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Timing to Suggest Weight and Force—4 


An athlete is going to lift the heavy bar bell (Fig. 36). He starts confidently, 
and in drawing 17 is anticipating grabbing the bar. He grabs the bar on 25, 
and 31 is the anticipation to the first attempted lift. He is still confident but 
grits his teeth somewhat as he makes the effort, as shown in drawing 37. The 
bar bell does not move. After 37 he comes to a puzzled hold as he realizes he 
has a more difficult problem than he thought. In drawing 57 he makes a much 
bigger jerk after making a more determined and annoyed anticipation in 
drawing 51. After this jerk he manages to lift the bar bell with great difficulty. 
A few frames after drawing 65 he collapses out of screen under the weight. 





Scene from Bill Plympton’s Idiots & Angels (2008). (Courtesy of Bill Plympton.) 
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FIG 36 On drawing 17 the Roman athlete confidently prepares to lift the heavy bar bell. He anticipates on drawing 31 and tries to lift on drawing 37. The 
weight does not move so he makes a much bigger anticipation on drawing 51 and a big jerk on drawing 57, which enables him to get the weight up in the air 
on drawing 65, before collapsing with exhaustion. 
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Timing to Suggest Force: Repeat Action 


In a repetitive to and fro action such as sawing, it is not sufficient to draw 

the forward and backward extremes and then in-between them. To convey 
the feeling of effort being put into the action it is necessary to analyze the 
relationship in time between the movement of the body weight, the muscles 
of the arm, and the action of the saw. This can be done by actual or mental 
miming. If a lot of effort is needed to push the saw through the wood, 

this cannot be supplied by the arm muscles alone, as straightening and 
bending the arm would move the shoulder back and forth as well as the saw. 
Immediately before straightening the arm, the whole body weight must be 
moved forward, so that when the arm does straighten it does so against the 
forward momentum of the body weight, and so the thrust is applied to the 
saw. The thrust is increased by rotating the shoulders at the same time. 


When sawing with the right hand the right shoulder is held back during the 
beginning of the forward body movement, then it is quickly brought forward, 
followed immediately by the straightening of the right arm, which puts the 
full effort of the movement into the action of the saw. On the return stroke, 
little effort is required in the movement of the saw, which cuts only on the 
forward stroke and so the sequence of events is less complicated. Some time 
lag between the backward movement of the body and the saw makes the 
animation more fluid, but otherwise straightforward in-between drawings 
are sufficient (Fig. 37). 


76 
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FIG 37 Inarepeated movement such as sawing, the action is basically forward and backward between 1 and 9. However, to give a feeling of effort, intermediate 
keys, 5 and 9, are also needed. Of these, 5 is more important, as the weight of the body comes forward before the final thrust is given to the right arm. 
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Timing for Animation 


Character Reactions and “Takes” 


A further advantage which animation can claim over live action is the ease 
with which character reactions can be controlled and exaggerated. Without 
some degree of exaggeration, cartoon animation would not look right. The 
success of such effects lies in timing. 


A character makes a “take” when he suddenly sees or becomes aware of 
something which makes him react in surprise. There may be a short or long 
time lag between when the character sees whatever it is, and when the 
message gets through to his brain. This would be at least five frames, but 
could be a lot longer depending on the character's mental ability. 


The first principle is to coordinate the character’s body movement with his 
facial expression. The legs, arms, hands, the position of the body: all must 
contribute to a reaction. The facial expression must be emphasized with 
adequate exaggeration, particularly of the eyes and mouth. 


In Figs. 38A and 38B, both characters start with a hold on drawing 1, while the 
message is transmitted to the brain, then both go down to an anticipation or 
“squash” position. They are then both animated up to a position beyond that 
in which they eventually come to rest. This “overshoot” (Fig. 38A9 and Fig. 38B5) 
is the drawing which gives the feeling of surprise in each case, but the hold 

at the end (Figs. 38A13 and Fig. 38B7) is the drawing which the audience sees. 
The latter is, therefore, the one in which the face should project the 
character's full reaction. 


There are, of course, differences of reaction according to the type of character 
portrayed. A big brainless character requires a longer time to react thana 
small excitable character. This is where character animation can excel on its 
own, and where the art of animation begins. 
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Character Reactions and “Takes” 





FIG 38 A Note that the action of surprise from drawings 1 to 13 is strengthened by a preparatory gesture in drawing 5 and an overshoot on drawing 9. 
B Similarly this character's expression is underlined by key drawing 3 which drives home dramatically the surprise expressed in key drawing 7 which would 
hold for perhaps 12 frames. (From Hamilton, TV series by Halas & Batchelor.) 
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Timing to Give a Feeling of Size 


The way a movement is timed can contribute greatly to the feeling of size 
and scale of an object or character. When animating a man with naturalistic 
proportions, his movements may be timed as he would perform them in real 
life. If, however, he is to appear as a large giant, his actions must be retimed. 
As a giant he has much more weight, more mass, more momentum, more 
inertia, etc., he moves more slowly than a normal man. He takes more time to 
get started and once moving takes more time to stop. In fact any changes of 
movement take place more slowly (Fig. 39). 


Conversely, a tiny character, such as Tom Thumb, has less momentum, less 
inertia than normal and so his movements tend to be quicker. 


In nature it is possible to gauge roughly the scale of an object as it falls. For 
instance, if a model car is filmed going over a cliff edge and it hits the ground 
half a second later, it is immediately obvious that this is a model car and the 
cliff is about 1.2 meters high. If the same action is filmed with a high-speed 
camera and projected at normal speed, the car takes about four seconds to 
reach the bottom of the cliff. If there is nothing else to judge the scale by, the 
brain is then deluded into thinking that it is a full sized car, and that the cliff is 
about 80 meters high. 


The action of flames is similarly affected by the scale of the fire. A small 
flame flickers quite quickly, whereas the flames of a large fire have a slower, 
wavelike movement (Fig. 43). 
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Timing to Give a Feeling of Size 





FIG 39 A and B the timing of the movements of the giant (A) would be very much slower than that of the mice (B). To make the giant appear large and heavy, 
we must allow plenty of time for him to get his weight moving. On the contrary the mice are tiny and light, so their movements would be quick and snappy. 


81 


Timing for Animation 





The Effects of Friction, 
Air Resistance, and Wind 


Imagine a cartoon elephant running along. He wants to make a sudden 
stop. How should he be animated? If he is on an ice rink it is difficult to see 
how he can stop. It might be possible to turn him round and make him work 
his legs as though running in the opposite direction. On ice, he would get 
little purchase and so this method would produce little result. If he is on a 
normal surface he can use the friction between the ground and his feet to 
slow himself down. The animator must, however, arrange the elephant’s 
weight to be as far as possible behind his feet as he slows down. If he was 
upright, the friction would slow down his feet, but the upper part of his 
body would continue moving quickly and he would fall forward. So his body 
must lean backward. He might go into this position with a slight jump to 
achieve the maximum effect of his weight bearing down onto his feet. With 
his back foot covering the maximum area of ground for friction and his front 
heel ploughing into the ground for maximum braking effect, he can stop 
quickly. As he stops he must bring his body upright to avoid falling backward 
(Fig. 40A). 


Similarly, if a man applies the brakes suddenly in a motorcar it may be 
effective to draw the car in a backward-leaning position, with the tires 
squashed so that they have as large an area as possible in contact with the 
road (Fig. 40B). If the hubs press forward against the tires while the friction 
from the road surface stretches them backward and the driver leans back 
pulling on the brake lever, a good effect should result (Fig. 40C). 


Wind is a useful device to give life to an animated object. It can very 
occasionally be animated as drybrush but is usually shown by its effects. 
Leaves are swept along, trees bend and wave according to the wind speed, 
and so on. Moving air flows and eddies around objects in much the same way 
as water does. Light objects, such as dead leaves, are swept along more or 
less at wind speed in curves and eddies. 


There is usually an area of calm air in the lee of a solid object in which 
windswept material collects. Driving snow does not make a drift until the 
wind meets an object such as a wall. The snow is then deposited against 
the wall. 


Anything fairly flexible, such as a plant or a tree, has its own natural vibration 
period, depending on its length, like an inverted pendulum. When blown by 
gusty wind, such an object tends to sway in this natural rhythm. A tall tree 
might sway to and fro in two or three seconds and a plant in less than one 
second. 


The speed and mood of the wind is also well shown by curtains, waving 
flags, and clothing, the animation of which can be graduated from a slow, 
languorous wave to a violent, rapid flutter as the cloth strains to tear itself 
from its support (Fig. 40D). 
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Effects of Friction, Air Resistance, Wind 





FIG 40 A The elephant is trying to apply as much friction as possible to slow himself down on a slippery surface. He keeps his weight low down as he leans 
backward and digs his front heel into the ground. B A possible distortion caused by an extreme tire skid. The car and the axle tend to continue forward, while the 
tire and the wheel hub are pressed backward by the friction of the ground. C A spinning car wheel throws up dirt, mud, etc., because of friction. D Air resistance 
causes the extremities of the witch, i.e., the hat, feet, etc., to bend backward. Her long hair and clothes flow in the wind in a series of waves. 
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Timing Cycles—How Long a Repeat? 


The old saying has been that when an audience is aware of a cycle, the cycle 
is a failure. If the animator uses cycles in a clever way and disguises them 
well, the audience will never be aware they are watching repeated actions. 

A naturally repetitive movement, like that of a piston, or a run, can have 
quite a short cycle. A run might take eight or ten frames for two paces and 
would probably need one drawing per frame. A cycle of two people dancing 
together could be 16 frames or more, but could repeat many times without 
seeming repetitive. 


Other actions, such as a fire burning, which are not repetitive by nature, 
require extra cycles of approximately one second or more. The number of 
extra cycles required to add variation to the movement depends upon the 
number of times it is to be repeated. 


Smoke is another example, which would need a repeat of a second or more. 
This can be arranged so that the repeats on the drawings become closer and 
closer together at the top, so that the speed diminishes as the smoke breaks 
up and disappears. 


If a snow cycle is either to be run for a long time or to be used in several 
scenes, it needs a cycle of several seconds so that the repeats are not 
apparent. If it is animated on several levels (foreground, middle-distance, 
and distant) and the three cycles are made of different lengths, they repeat 
differently each time round and give the effect of a very long cycle. 


A Waving Flag 


The movement of a flag in the wind is an example of a wave movement 
which is used very often in animation. 


Seen in a simplified form (Fig. 41A), a steady wind is split into eddies on 
alternate sides of the flagpole, looking much like the wake of a ship in water. 
Each of these eddies is roughly a cylinder, more or less at right-angles to the 
paper. A flag attached to the pole is blown to the right and assumes a wave 
shape, sandwiched between the alternate eddies (Fig. 41B). The cloth of 

the flag makes the movement of the wind visible. As the eddies follow one 
another to the right, so the waves in the cloth follow one another along the 
flag. 


Fig. 41C shows a simplified repeat cycle of this. The wave crest marked X 
travels along the top of the flag to the right followed by a trough caused by 
the alternate eddy. This is followed by another crest similar to X which can be 
animated into X again to complete the cycle. 


Note that in this kind of movement there is no actual “key” drawing. All 
the drawings are of equal importance in the series and each one must flow 
smoothly to the next. 
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REK 


FIG 41 A Plan view of eddies formed as wind passes pole. Each eddy is a cylinder roughly at right angles to the paper. B Wave shape of flag between left 
and right eddies. C Repeating animation cycle. The wave crest marked X follows itself along the flag ad infinitum. 
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Scenes with Multiple Characters 


At times you may be asked to animate a scene in which two or more figures 
are moving in the same shot. You have to plan the motion so as not to cloud 
the scene’s intent with a lot of extraneous movement. Motions occurring 

at opposite sides of the screen at random could divide and distract your 
audience’s attention. Just like a dance choreographer is always aware of 
which dancer the audience should focus on, so should the animator be 
aware of the primary character in a scene. The supporting characters have 
to move little enough to be alive, reacting to the primary character's actions, 
but not move so as to be distracting. Characters in the far background 
could move very little or hold, since the audience will sense them only 
peripherally. This process has become more difficult in digital animation, 
since the director may change his or her mind as to where the camera is, 
thus negating your graphic strategy. 
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Digital Crowds (Massive) 


Modern 3D programs like Massive have given us the ability to move 

large numbers of characters in a relatively easy way (Fig. 42). The pre- 
programmed behavior of characters can be multiplied endless times 
and placed either close up or far in the distance. Like a choreographer, 
the animator has to be as much in control of the overall sweep of the 
action as in the minute poses of the individual figures. For instance, a 
swarm of cavalry led by a war chief waving his sword, rides up from the 
distance, and sweeps around behind a line of enemy war elephants. The 
animator may create four or more individual cycle actions and place them 
at differing speeds, to create enough variance in the motion to make the 
actions seem random. If the actions of two or more figures set too close 
together move in unison, like synchronized swimmers, the natural effect 
will be lost. Figures up close to the foreground should be animated as a 
customized performance, as the audiences will be more aware of their 
actions than the figures far in the back. 


Special effects like occasional arrows flying through the scene, smoke, 
and dust can be layered over to further mask the repetition of the 
characters cycles. 





A scene of Massive avatars. (Courtesy of Rhythm & Hues Studios.) 
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Effects Animation: Flames and Smoke 


The movements of flames are governed by the movements of air currents 
above the fire. The hottest part of a fire is in the center and above this the 

hot air rises. As it rises it is replaced by colder air rushing inward from the 
sides. This air in its turn is heated and rises and so the process is continuous. 
This flow of air usually gives a roughly conical shape to the flames, with a 
succession of indentations representing eddies of cold air, starting at the base 
of the fire and moving inward and upward. 


The timing of these movements is fastest at the base where the fire is hottest, 
slowing down on the way up. As the individual flames taper off, break up 

into smaller pieces and disappear, so should the speed. The shapes must 

be kept fluid and ever-changing, although they should still be identifiable 

as smoothly rising areas of flame. If areas of flame stick in one place or even 
appear to animate downward, this ruins the effect. 


The timing of the flames also depends on the size of the fire. A big fire is 
hotter than a small one and, therefore, much bigger volumes of air are 
involved. Obviously, in a big fire an individual flame takes longer to work its 
way from the base of the fire to the top, probably several seconds, while in a 
small fire it might only take a few frames. 


Flames are volumes of gas which can ignite or die out quite suddenly and 
can therefore change their volume quickly from one drawing to the next— 
against the normal rule in animation that volumes should stay the same. 
Surges of flame usually appear quickly and die away more slowly. 


Smoke can be treated in many ways but the main timing problem is how to 
plan a repeat which does not appear too mechanical. 


One way of doing this is illustrated in Fig. 43. A variation on this basic idea is 
to animate puffs arranged on a wave pattern. These may remain as individual 
puffs or merge into one another to form an irregular column. A cycle of this 
type of smoke would take 32 frames or more. 


A succession of quick puffs, as from a car exhaust, if repeated, may need two 
or more different shapes of puff, or perhaps alternating puffs and smoke 
rings, as the same puff repeated looks mechanical. 


A really big column of smoke rising from a fire forms a mushroom or smoke 
ring—a doughnut-shaped eddy with a hole in the middle. 
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FIG 43 A Cold air is drawn in at the base of a fire and rises as itis warmed. B A fire cycle, 1-8. The eddies marked X follow one another upward, slowing 
down as they rise. C and D Alternative smoke cycles. Points Y animate upward to Y, and points Z to Z. E Car exhaust cycle. F Billowing smoke, showing 
introduction of new arcs. 
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Water 


Water moves in a very characteristic way as it has no mechanical strength and 
is held together only weakly. 


In a water splash, each little drop making up the mass of water at the start 
proceeds on its own trajectory, or parabola, regardless of what happens to 
any other part of the splash. In a splash, the water radiates from a central 
point. It starts as a mass of water which spreads out into irregular sheets, 
held loosely together by surface tension. As it spreads out even further, the 
surface tension breaks down and the sheets disintegrate quite suddenly into 
drops which continue outward individually. 


Take, for example, a heavy stone dropped into a lake (Fig. 44). As the stone 
enters some water is dispersed by it and this radiates upward and outward 
to form the splash. As the stone goes deeper it momentarily leaves a space 
behind it. This is rapidly filled by water coming in from all sides and as it 
meets in the middle the force causes a jet of water to erupt vertically in the 
middle of the splash. This usually splits into drops before falling back. Soa 
splash of this kind must be timed as two separate events. 





FIG 44 Each part of the water in a splash proceeds on its own parabola, regardless of what happens to the rest of the splash. As the water radiates outward 
it spreads into sheets, as in 7 and 8; then splits up into individual drops, as in 9. It is not necessary to animate out every drop individually—they can be left 
off a few at a time, provided the downward movement is maintained. 


(Continued) 
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A large body falling into a tub would give a rather different effect. There 
is only a limited amount of water, and the body would force most of it out 
between itself and the sides of the tub. This would be similar to the first 
splash above, but there would be no secondary vertical jet. 


Water under pressure can exert a considerable force. If a jet is directed 
upward at an angle, it describes a parabola as each individual drop behaves 
like a ball thrown through the air (Fig. 45). If a jet of water hits a flat surface, 
the water is reflected back like light in a mirror, although with a good deal of 
random movement as well. 


Water thrown from a bucket behaves like a splash. The water leaves the 
bucket as an irregularly shaped lump which becomes streamlined in the 
direction of movement. Then individual parts of the water travel on their own 
parabolas, which diverge so that the water is stretched and then breaks into 
drops as before. 


Drops can be made to animate smoothly by streamlining them into long 
narrow shapes and moving them along parabolas with a slight overlap in 
length between one drawing and the next. It is not necessary to follow each 
drop to its logical conclusion by animating it off-screen or hitting the ground 





FIG 44 (Cont.) Each part of the water in a splash proceeds on its own parabola, regardless of what happens to the rest of the splash. As the water radiates 
outward it spreads into sheets, as in 7 and 8; then splits up into individual drops, as in 9. It is not necessary to animate out every drop individually—they can 
be left off a few at a time, provided the downward movement is maintained. 
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and splitting into smaller drops again. It is usually enough to slow down and 
diminish the sizes of the drops around the edge of a splash, eventually losing 
them altogether. This is effective as long as a lot of drops do not disappear on 
the same drawing but are allowed to vanish in a random way over a number 
of frames. 


Effects around objects partially immersed in water are usually shown as 
ripples, which radiate from around the object and gradually split up and 



































FIG 45 A Each drop of water in 

a hosepipe jet travels on its own disappear. If the object is not moving or if it is moving in a cyclical way, then 
parabola. Partial gapsin the jethelp the effects can be made into a cycle. But if the object itself is animating, the 
to avoid strobing in animation. effects must be animated continuously, which can mean a great deal of work. 
B Semi-diagrammatic illustration A lot of work is involved in animating the disappearance of water spilt on 

ofa jet from a moving nozzle. the ground. This movement requires several seconds and is generally done 
C Ripples from a partially by producing a series of holes in the water, increasing them in size until they 
Submerged object are usually coalesce and finally the water disappears. As far as possible such a situation 
animated as concentric ellipses should be avoided. 

moving outward and gradually 

disappearing. D Part of a cycle of 

the reflection of a bright light in 

a 





most still water. 





(Continued) 
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To achieve realistic liquidity, the timing for animation of water is quite critical. 
If timed too slowly, it looks oily or even treacley (like syrup—United States), 
while if timed too quickly, it may fizz in an unliquid way. 





FIG 45 (Cont.) A Each drop of water in a hosepipe jet travels on its own parabola. Partial gaps in the jet help to avoid strobing in animation. B Semi- 
diagrammatic illustration of a jet from a moving nozzle. C Ripples from a partially submerged object are usually animated as concentric ellipses moving 
outward and gradually disappearing. D Part of a cycle of the reflection of a bright light in almost still water. 
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Rain 


One problem with animating rain is that it can appear very mechanical. 
Although rain actually falls in more or less parallel lines, it must be animated 
with a more random slope if a realistic effect is to be achieved. It is best 

to time it moving quickly down. If it is drawn on more than one level, the 
distant rain should move more slowly, to give depth. Foreground rain should 
cross the screen in about six frames, while more distant rain should move 
progressively slower. 


Individual drops are drawn as straight lines with consecutive drawings 
overlapping each other slightly. Rain almost certainly needs single-frame 
animation for a realistic effect. It also needs a fairly long repeat if it is not to 
appear too mechanical—24 frames at least. 


For really heavy rain, the effect is enhanced by animating a cycle of drops 
hitting the ground. These can be quite random and unrelated to the falling 
rain. Each drop should animate out in about six frames. Live-action rain has 
often been used in animated films, shot against a black background and 
double exposed over the cartoon. 


As with all effects animation, rain can express a mood by its timing. Fora 
miserable mood, rain can fall vertically at perhaps half its normal speed, 
while the speed can increase with a greater tilt from the horizontal for more 
violent moods. 


A really stormy effect would need to show random gusts of wind and would 
be very difficult and time-consuming to animate. This is one reason for the 
use of live action. 


Water Drops 


When shaking water drops from a brush, for example, the drops should start 
one drawing later than the extreme of the brush, traveling in a continuation 

of the direction of the brush before the flick. In other words, before the flick 

the brush and water are traveling together, after the flick the brush changes 

direction, but the water keeps going. 
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Snow 


Gently falling snow drifts in wavy lines and needs even longer cycles than 
rain to avoid the audience noticing the same flake following itself down the 
same track. Two seconds may be too short if the repeat is run more than 

a few times. A foreground flake may take about two seconds to cross the 
screen, but of course may take less. 


To give depth to the snowfall, at least three different sizes of flake are usually 
needed; the smaller more distant ones traveling more slowly than those in the 
foreground. Distant snow is not generally animated out of the bottom of the 
screen but fizzles out in a random way somewhere on the screen. The exact 
point where it disappears depends on the background on which it is used. 


Snow is usually produced by the animator providing a drawing of the wavy 
tracks of the snow, with graduations marked on them and numbered so that 
the snow can be traced directly onto eel, usually with a drybrush (Fig. 46). 
Blizzards present a similar problem to rainstorms, the tracks become more 
horizontal as the wind speed increases and a real storm effect calls for eddies 
and surges in the movement. 


FIG 46 A Tracks for foreground 
rain cycle. B Tracks for more distant 
. C Cycle of raindrops hitting 
the ground. D Shaking a we 
brush. 1 and 2, the brush moves 
to the right, 3 and 4, brush moves 
to the left, water continues to the 
right. E Tracks for a foreground 
snow cycle. F Tracks for a middle 
distance snow cycle. A distant level 
would be needed below this on long 
Shots, etc. 
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Explosions 


As explosions are intended to shock the audience, it is not advisable to use a 
predictable formula for them. There are many different ways of making the 
effect of an explosion but there is some similarity in the timing in each case. 
There should be a quick anticipation of some sort, then a quick burst or series 
of bursts which should be kept going for some frames, followed by a slower 
dispersal (Fig. 47). 


Explosions, therefore, start with a very fast movement and taper off to a slow 
finish. As the initial burst is so quick, a short anticipation, which attracts the 
eye to the point of explosion just before it happens, increases the effect. Four 
or five frames should be enough for this. 


Once the explosion starts it should fill the screen in perhaps three frames, 
followed by a flicker effect for about six frames and then a slow clearance of 
smoke lasting several seconds. 


A small bang, such as a pistol shot, can finish in perhaps five frames, 

but a larger explosion needs extending in time to be effective. A really 
impressive explosion, such as a long shot of a building blowing up, 
probably needs the burst itself to last for a second or more, perhaps by 
arranging a succession of secondary explosions within the main one. This 
also would require a slow aftermath with perhaps a column of smoke 
rising, and so on. 


Smaller effects, which work on similar lines to explosions, are called “splats.” 
These animate out in about five frames from the point of contact of a blow 
to emphasize the impact. They are usually painted white. To emphasize a 
lesser impact, one can animate out short radiating lines for about the same 
number of frames. Door slams can be emphasized either with a splat or with 
a number of radiating puffs of dust from the edges of the door. These also 
should disappear in about five frames. 


3D Digital Effects 


The creating of animated effects by computer has become a widely used 
tool in many major live-action movies as well as cartoon films. Effects that 
were difficult or time consuming to draw traditionally, like cast shadows 

or registering animated characters to live-action backgrounds, are now 
done painlessly in the computer. During the early development of digital 
effects animation, the emphasis was on making the effects look as realistic 
as possible. Technicians made great strides in writing the mathematical 
formulas (algorithms), manipulating patterns of particles (fractals) to achieve 
natural looking fire, smoke, and water. Many good effects programs, called 
fluid dynamics, are available commercially. These are called off-the-shelf 
software, as opposed to a studio developing proprietary programs for their 
specific needs. 
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A 1-14, a possible explosion. Drawing 2 is a quick anticipation followed by multiple bursts which could be alternated with black-and-white frames. 
After drawing 14 the dust would slowly disperse. B A specimen “splat.” € Dust, stars, radiating lines, etc. can be used to emphasize an impact. 
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The animator must set the direction and the duration of the effect, introduce 
gravity and account for solid objects in the path of the effects. You also set 
the control for speed of the effect, size and turbulence. In digital effects the 
animator is not only thinking of movement, but now is concerned with the 
color, composition, and the light integration. It is a process of playback and 
continual adjusting, using various controls on your computer screen. Despite 
the hyperbole of software salesmen and industry journalists, it is still a 
process that is formed frame by frame. 


A great problem before 2001 was doing bottom-light effects digitally. The 
glow of a fire, a lightning bolt, or a laser beam. Motion picture film was a 
chemical emulsion coated on celluloid strips, so controlled overexposure in 
the camera burned the emulsion. That gave the fire its’ recognizable glow. 
Because you can’t overexpose in a computer, a lot of thinking had to go into 
recreating that same diffusion of light. 


Many veteran effects animators complain that the copying of natural effects 
is not the end-all in effects in animation. There is an AESTHETIC to drawn 
effects that must be taken into account. 


What if your fire is highly stylized like the Japanese prints of Hokusai? What 

if you want the fire to be angry? Or you want happy, lapping waters? Perhaps 
the director wants the lightning bolts to have more branches and linger on 
screen longer? These are supra-natural concepts that need to be manipulated 
by the artistic taste of the effects animator (Fig. 48). 


For example, in the classic film SPIRITED AWAY by Hayao Miyazaki, there is 

the scene where the little girl is reaching into a rushing deluge of water to 
untangle the mud monster. While she is speaking dialogue with her face 
close to the torrent, the animator deliberately chose to underplay the water 
spraying around her head. This so the audience could see her expression 
clearly, eyes wide open. In reality, the force of that torrent would spray so 
fiercely in her face that she could never have been able to speak clearly, much 
less keep her eyes open. Yet we as an audience do not question the reality of 
the scene. 


Just as computerized music went from adaptations of traditional music to 
sounds only made possible in the computer, so animated effects are leaving 
their insistence on photo-realism and going as abstract as the imagination 
dares to go. 
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FIG 48 Different types of designs for fire effects. 
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Repeat Movements of Inanimate Objects 


In straightforward to-and-fro movements, such as those of a piston or 
pendulum, it may or may not be possible to use the same drawings in the 
reverse order for the return movement. With a rigid pendulum (Fig. 49A) it 
would be possible, but with a cartoon piston (Fig. 49D) animated with steam 
pressure in mind, the drawings used for the forward movement would not 
work in reverse. 


In any flexible movement, or that of any object which has something trailing, 
then a fresh set of in-betweens must be done for the two directions of 
movement (Figs. 49B, 49C, and 49E). 


In a to-and-fro movement in which the same drawings can be used in 
reverse, an optical problem arises at the ends of the movements. Suppose 
the animation is done on double frames and charted: 1, 2, 3, 4, 5, 6, 5, 4, 3, 2, 
1,2,3..., etc., it will be seen that drawings 5 and 2 occur twice, that is, they 
are on the screen for four frames out of six and so make a greater impact on 
the eye than the actual extremes, which in this case are 1 and 6. This effect 
can be avoided either by holding drawings 1 and 6 for four frames each, or 
else by missing out one of the exposures on 5 and 2 thus: 1, 2, 3, 4, 6, 5, 4, 3, 
1,2; 3:00, OC. 


A similar optical effect can occur with eye blinks if the same in-betweens are 
used on the way down as on the way up, especially in close ups (Fig. 49F). 

In this case it is better to space the two sets of in-betweens differently so 
that the same positions do not occur on both the opening and shutting 
movements. 
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FIG 49 A A straightforward swing cycle, in which the same drawings can be used for both directions of swing. B Flexible objects tend to swing more like 
this. C, D, and E Short repeat cycles in which the same in-betweens cannot be used in both directions of movement. F An eye blink. 
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Timing a Walk 


What are the main features of a “normal” human walk? There can be as many 
walks as there are people. Does the character walk leaning forward or laid 
back? With slumped shoulders or a posture that is ramrod erect? Does the 
character walk on tiptoes or on the balls of their feet or heels? Nose in the air, 
or head down, deep in thought? What are the arms doing? 


The Walk is the first step to finding the key to the character's personality. 


To begin, walking has been described by the old animators as “controlled 
falling’—a skilled manipulation of balance and weight. Most animators begin 
by animating their own personal walk, since the motion is instinctual in their 
minds. 


The only point in a walk when the figure is in balance is at the instant when 
the heel of the front foot touches the ground; the body weight here is evenly 
spaced between the two feet. This is usually the main key drawing (Fig. 50A). 
It gives the stride length, and so can be used for planning the number of steps 
needed for the character to cover a certain distance. This “step” position is the 
one with the maximum forward and backward swing of the arms. It is actually 
the middle of the fall forward onto the front foot, when the front knee bends 
to cushion the downward movement of the weight. The key position here is 
usually known as the “squash” position (Fig. 50A5). The body’s center of gravity 
is at its lowest point, and the body weight is supported by the front leg. The 
back foot is almost vertical, and although the toe is just touching the ground, 
it bears no weight at all in this position. In Fig. 50A9 the bent leg straightens, 
lifting the center of gravity to its highest point as the back foot moves forward. 
This is the “up” position and leads into the next “step” at 13. 


There are two slightly different ways of animating a walk—the choice is one 
of convenience. Suppose a character makes a 1.8-inch stride in 12 frames. 
Assuming that the walk is a repeat movement, then if we call the left “step” 
drawing 1, this drawing will appear again 24 frames later (i.e., drawing 25 = 
drawing 1) 3.6 inches left or right of the original position (Fig. 50B). So the 
intermediate positions of the walk can be animated between these two 
positions. The character can then advance along the eels, relative to the pegs, 
until it arrives back at drawing 1 at which point the pegs are moved 3.6 inches 
and carry on for the next two steps. 


The alternative method (Fig. 50C) is to animate from drawing 1 back to 
drawing 1 in the same position, so that all the bodies in the cycle are 
superimposed over one another, with an up-and-down movement only, 
instead of advancing along the eels. The 3.6 inches which the figure moves 
along every two paces, is now taken up by moving the foot backward 0.15 
inch per frame. After 24 frames the feet have effectively slid back the 3.6 
inches to make up the two steps. This is called “animating on the spot” 
because to make a man walk by this method the pegs carrying the figure 
remain static while the background pans backward by the same amount as 
the feet per frame. 
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FIG 50 A Part of a walk cycle, spread out for clarity. The complete cycle would be 1-23 (i.e., 1 = 25), 17 being the same as 5 with legs reversed, and 21 the 
same as 9. B The same cycle animated forward with static pegs. The pegs stay in position X while the figure moves forward on 1-23. The pegs then move 
to the right by the length of two strides and 1-23 is repeated in the new position Y. C A walk cycle “on the spot.” The body moves up and down while the 
heels slide backward along the scales at the same speed as the background pan. D Successive positions in a naturalistic walk. The left shoe is shaded black. 
Note that on 11 the left leg is straight just before making contact with the ground on 13. 
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Types of Walk 


The up-and-down movement of the body should slow in and out of the key 
positions, but the forward movement of the body should be at a uniform 
speed, or the animation “sticks” (Fig. 51). 





FIG 51 Three different styles of walk: Top One step (12 frames) of a 24-frame cycle. Middle Key positions from a 48-frame walk through 
deep snow. On double frames two in-betweens are needed between each pair of keys. Bottom One stride of a 24-frame cycle on double 
frames. The two “step” positions are drawings 1 and 13. The weight of the body squashes onto the front foot on 5 and rises as the back foot comes 
forward on 9. Note how the front leg remains straight on 3 to avoid the “bent leg” look. 


(Continued) 
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It is important that there is just enough time for the straight leg to register 
on the screen in the “step” position. As the front leg is bent both before 

and after this position, there is a danger that the eye will connect these 

two positions—missing the straight leg—with the effect that the character 
is doing a “bent-leg” walk. Fig. 51 gives another variation of this problem. 

It is based on a naturalistic walk, and the left leg kicks out straight on 
drawing 11, although it is still moving forward to the “step” position 13. 

The front foot should slap down flat on to the ground quickly after the “step” 
drawing. This loosens the ankle joint. 


There are many variations on this walk. For example, in an aggressive walk 
the body leans forward, the chin is out, the fists are clenched. In a proud or 
pompous walk the body may lean slightly backward, with the chest out and 
plenty of shoulder action, with the highest position on the “step” drawing. In 
a tired walk the body and head droop, arms may hang loosely and the feet 
may drag along the ground, and so on. 





FIG 51 (Cont.) Three different styles of walk: Top One step (12 frames) of a 24-frame cycle. Middle Key positions from a 48-frame walk through deep 
snow. On double frames two in-betweens are needed between each pair of keys. Bottom One stride of a 24-frame cycle on double frames. The two 
“step” positions are drawings 1 and 13. The weight of the body squashes onto the front foot on 5 and rises as the back foot comes forward on 9. Note how the 
front leg remains straight on 3 to avoid the “bent leg” look. 
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Spacing of Drawings in 
Perspective Animation 


To animate in true perspective requires complex draughtsmanship and some 
understanding of the geometrical treatment of the subject. 


Especially when a character walks in perspective, an accurate perspective 
grid must be drawn giving the height of the character and the length of the 
strides, so that the animator has a clear idea of how the spacing of the strides 
gradually increases or decreases. It is quite a difficult animation problem to 
make all parts of a figure get larger or smaller and yet remain in the right 
proportions (Fig. 52). 


For dramatic effect when a character rushes toward or away from the camera, 
a low horizon is preferable. High horizons provide a more relaxed effect. In 
both instances the vanishing point must be established in relationship with 
the horizon, which represents the camera or the audience's eye level. The 
increasing or decreasing lengths of strides must be worked out by defining 
measuring points for every few drawings. Estimation is possible, but must be 
plotted out carefully. 


Variation in perspective can be achieved by lowering the horizon and 
changing the vanishing point during animation. This, however, requires 
some experience. Weight must be evident in all perspective animation. 

In a perspective shot, a character can run from the foreground over the 
horizon in a few frames, approximately 12 to 16, provided the right degree of 
“anticipation” is provided. Because of the speed of the action, it is better to 
use single-frame animation. 


Effective animation requires movement in space and an illusion of three 
dimensions, otherwise the characters may appear to be too flat. Take 
advantage where possible of opportunities for movement in exaggerated 
perspective. For instance, if some part of a figure or object swings round 
close to the camera, emphasize the increase in size in the drawings. 
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C A rapid perspective gallop. There was one drawing in-between each pair of positions. 
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Timing Animals’ Movements: Horses 


The order in which the feet of a horse touch the ground is: back left, front left, 
back right, front right, back left, front left, back right, front right, etc (Fig. 53). 


A horse normally takes about a second to make one complete stride, that is, 
from “back left” to “back left.” If it is walking freely the feet touch the ground 
at equal intervals of time. 


If 24 frames is taken as the length of a walk cycle, back left hits the ground on 
frame 1, “back right” hits the ground on frame 13 and “front left” and “front 
right” hit the ground on frames 7 and 19, respectively. 


In the step position on the back legs, on frames 1 and 13, the back legs form 
two sides of a triangle. The rump is lower than it is on frames 7 and 19, where 
one leg is vertical as the other one passes it. The shoulders are lower on 
frames 7 and 19 than they are on frames 1 and 13 for the same reason. This 
causes a slight rocking movement to the line of the horse’s back. Also on 

the front step positions, as the shoulders go down, the head is pulled into a 
slightly more horizontal slant than it is on frames 1 and 13. 


Timing Animals’ Movements: Horses 
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FIG 53 In anormal walk, a horse's front legs step half a pace later than the back legs. The body and head tilt slightly as a result of the alternate stepping of 
the back and front legs. On the right, a cow walking, from Animal Farm. 
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Timing Animals’ Movements: 
Other Quadrupeds 


Other quadrupeds, like cows, are surprisingly similar in the timing of their 
walk to a horse. The order of the feet is usually the same and the movements 
of the back and the head follow the same pattern. 


An elephant may take a second or perhaps a second and a half to make a 
complete stride, while a smaller animal such as a cat may take a complete 
stride in half a second or less, although these timings may vary greatly. 


Some animals, such as the deer family, lift their feet high when walking; cats 
also do this when stalking. There is no equivalent of the “squash” position of a 
human walk in a four-footed walk, as the back foot of each pair usually comes 
off the ground immediately the front foot is on the ground. 


A walking animal spends roughly half the time supported by two legs and 
the other half supported by three. A four-footed animal starting a walk 
usually starts with one of its back legs, followed by the front leg on the 
same side (Fig. 54). 


Animals’ Movements: Other Quadrupeds 





FIG 54 Parts of cycles of a tiger and a deer walking. In both cycles drawing 17 has the opposite feet positions to drawing 1, so the complete repeat would 
take 32 frames. Although the length of stride is the same in both these examples, note the difference in feeling. The tiger has a crouched, menacing attitude, 
while the exaggerated lift of the legs helps the deer’s motion to be bouncy and light. 
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Timing an Animal’s Gallop 


A horse increases its speed from a walk, to a trot, then a canter and finally toa 
gallop, at which it travels at maximum speed. 


In the gallop a complete stride takes about half a second, and the order 

in which the feet hit the ground is: back left, back right, front left, front 
right—pause—back left, back right, front left, front right, etc. The back legs 
make the same movement as each other with a slight time lag and the same 
happens with the front feet. The big push is given by the front feet and after 
this push the animal becomes momentarily airborne (Fig. 55). 


In some animals, for instance the cat, the bigger push comes from the back 
legs and the cat becomes airborne after this movement. The shoulders and 
rump rise and fall giving a rocking movement to the line of the back and the 
head is tilted at a slightly more horizontal angle as the shoulders go down 
and the front legs take the weight. The spine itself also flexes and extends. 
This is very noticeable with a cat; as when the back legs come forward a 
pronounced hump appears in the lower half of the back, and as the back legs 
push the body into the spring, the spine stretches out into a reverse curve. 
The movement of the hip joint comes strongly into play in a gallop and the 





FIG 55 The flexibility of the pastern or wrist joint of a quadruped during a gallop is particularly noticeable. This joint can bend backward into almost a right 
angle as it takes the weight of the animal (drawings 1 and 7), and can also bend into almost a right angle the other way when relaxed and the foot is in the 
air (drawings 2, 3, 5, etc.). 

(Continued) 
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forward and backward movement of the thighs, combined with the bending 
and stretching of the spine, gives the impression that the animal’s body is 
alternately lengthening and shortening. When the big leap comes from the 
back legs, as with a cat, the order of feet hitting the ground is: back left, back 
right—pause—front right, front left, back left, back right, etc. The complete 
stride of a cat takes about 1/3 second. 
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FIG 55 (Cont.) The flexibility of the pastern or wrist joint of a quadruped during a gallop is particularly noticeable. This joint can bend backward into almost 
aright angle as it takes the weight of the animal (drawings 1 and 7), and can also bend into almost a right angle the other way when relaxed and the foot is 
in the air (drawings 2, 3, 5, etc). 
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Bird Flight 


Birds are well adapted to fast movement through the air. They are 
streamlined and waste the minimum amount of energy in the air. The body 
enhances the movement by lying in the direction of the airflow. The legs are 
tucked up or trailed in flight. 


The aerodynamics of bird flight is very complex and it is unnecessary to go 
into detail. The power stroke is the downward stroke against the cushion 

of air beneath the bird, and during it the air resistance closes the feathers 
and the wing makes as large an area as possible, to maximize the thrust. 
Birds have very large chest muscles to power the downstroke. The muscles 
controlling the upstroke are much smaller, as the air resistance is much less. 
During this stroke the wing folds partially to present a smaller surface area 
and the feathers tend to separate like vanes to allow the air to pass between 
them. The body is usually tilted slightly upward at the head and is lifted 
slightly during the downstroke and falls again during the upstroke. 


In normal flight the wing strokes are not straight up and down. The direction 
of beat is slightly backward on the upstroke and slightly forward on the 
downstroke. This is the opposite of what might be expected for forward 
flight, but the forward impetus is actually given by the tilt of the wing 
surfaces. This forward and backward wing beat is particularly noticeable 
when the bird is hovering (the body may be almost vertical and the wing 
beat almost horizontal) and also when the bird is rising or coming in to land. 


During a flying cycle, the upstroke and the downstroke take about the 
same time, although with larger birds at least, the downstroke is slower. 
The length of the repeat depends on the size of the bird. On the whole 

a large bird moves more slowly than a small one. For example, a sparrow 
may make twelve complete wing beats in a second, while a heron or a 
stork may make only two (Fig. 56A and 56B). 





FIG 56 A pigeon hovering as it comes in to land, from “Animal Farm.” Note the upright position of the body and the circling movement of the wings. 1—9 is a repeat 
flying cycle. The body dips slightly in the air on 1 and rises slightly on 6 as the wings press downward. The wingtip feathers radiate from the “wrist” and trail backward in 


the direction they are coming from to give flexibility. Note how these feathers separate on the upstroke—/ and 8—to allow the air to pass between them. 
(Continued) 
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FIG 56 (Cont.) A pigeon hovering as it comes in to land, from “Animal Farm." Note the upright position of the body and the circling movement of the wings. 
1-9 is a repeat flying cycle. The body dips slightly in the air on 1 and rises slightly on 6 as the wings press downward. The wingtip feathers radiate from the 
“wrist” and trail backward in the direction they are coming from to give flexibility. Note how these feathers separate on the upstroke—7 and 8—to allow 
the air to pass between them. 


115 


Timing for Animation 





Drybrush (Speed Lines) and Motion Blur 


Drybrush (speed lines) and motion blur are ways an animator illustrates the 
optical blur the eye sees when in nature an object is moving too rapidly for it to 
see clearly. In traditional animation the speed line is a throwback with its origins 
in the graphic representations of rapid movement done in early newspaper 
cartoons. In later cartoons the speedline was replaced by drybrush technique. 


This was a smeared drawing created by the cel painter dabbing excess 
moisture from the paintbrush and streaking the character's colors in the 
direction of the movement. The great stop-motion animator Ray Harryhausen 
achieved the same effect by tapping his cameras tripod as he shot the frame. 





FIG 57 A Speed lines disappear where they are formed or move in a slightly opposite direction to that of the object causing them. B and C Speed lines 


left by rapidly moving objects. D A character zooms off-screen. E A more elaborate drybrush trait, taking 16 frames or more to disperse. This would also 


move in the opposite direction to that of the character causing it. 
(Continued) 
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Others doing stop motion would smear petroleum jelly on the lens to create 
a blurry image for the action frames. In 1980, Phil Tippett at Industrial Light 
and Magic developed the Go Motion technique. Today in digital animation 
the same effect is done by using the control that adds a motion blur. This 
effect creates a blur of the action similar to the blurry images of rapid action 
in live-action photography. The motion blur is an effect that does not have a 
discernible frame of its own, but it is placed in between frames of movement. 
It needs to be used judiciously in short distances, because if it tries to cover 
large areas, the blur becomes obvious, volume is lost and so spoils the effect. 
Aesthetically, in 2D animation some still prefer the graphic approach of the 
speedline or drybrush, even in digital work. It remains a creative choice. 


Drybrush (speed lines) should be timed quickly so that by the time the 
audience is aware of it, it is gone. Three frames are about the minimum 
effective length, but some spectacular examples can extend to 16 frames or 





FIG 57 (Cont.) A Speed lines disappear where they are formed or move in a slightly opposite direction to that of the object causing them. B and C Speed 
lines left by rapidly moving objects. D A character zooms off-screen. E A more elaborate drybrush trait, taking 16 frames or more to disperse. This would 
also move in the opposite direction to that of the character causing it. 
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more. The important factor to remember is that drybrush is something left 
behind by the object causing it. It must not move with the object as this gives 
the impression of threads attached to it. 


If a stick swishes through the air and two consecutive drawings are widely 
spaced, the drybrush would consist of curves, carefully drawn in the direction 
of the swish and a number of lines representing several in-between positions 
of the stick. These would all be put on eel in the color of the stick. On the next 
few drawings, this drybrush would be animated away (i.e. diminished to zero) 
in the same place as it originated, or moving very slightly in the opposite 
direction to the stick. In the meantime, further drybrush may have appeared. 
This would be animated out in the same way. 


Drybrush should be used very sparingly and should be saved for situations 
where drawings are so widely spaced that the eye has difficulty in 
connecting them up. If the spacing of drawings is well done and fast action 
well anticipated, the eye accepts very widely spaced drawings without 
trouble. 


A more spectacular drybrush effect might be used when a character 
runs off-screen. For example, if a character is about to zip off right, he 
anticipates to the left, accelerates to the right and goes off very fast. This 
may not work without drawing in some drybrush streaks as he runs off, 
moving them rapidly to the left and following each other in a series of 
eddies. This can easily be continued for 16 frames or so, but must move 
rather quickly. 





FIG 58 Smear Frames from Unikitty! (Copyright Warner Bros. 2020. With permission.) 


(Continued) 
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FIG 58 (Cont.) Smear Frames from Unikitty! (Copyright Warner Bros. 2020. With permission. 


(Continued) 
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FIG 58 (Cont.) Smear Frames from Unikitty! (Copyright Warner Bros. 2020. With permission.) 


(Continued) 
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FIG 58 (Cont.) Smear Frames from Unikitty! (Copyright Warner Bros. 2020. With permission.) 
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Accentuating a Movement 


In order to emphasize a movement, the introduction of a visual effect is 
sometimes advisable. Such an effect does help to draw attention to the point 
the animator intends to make, especially if the movement is a quick one. The 
effect, however, must be a visual complement to the movement and should 
grow out of the type of action on the screen. It should also be quick and not 
labored, which could easily spoil the whole effect. 


In the case of the fight sequence between the farmers and the animals in 
revolt in Animal Farm such extra effects were introduced to heighten the 
sequence’s dramatic excitement. 


The farmer's whipcrack, for example, was a sequence of eight drawings 

on single frames. At the accent of the movement, which was where the 
curvature of the whip reversed direction, a three frame, white “crack” effect 
appeared. The accent of the gunshot movement was where the gun barrel 
suddenly recoiled. The shot itself was made visible by a strong “swish” effect 
followed by a slower puff of smoke as the gun barrel came forward again 
(Fig. 59). 


Since every situation is different, it is best to make any decisions about visual 
effects during the process of animation. 


Accentuating a Movement 





FIG 59 The whipcrack is all on single frames. The accent is on drawing 5, where the curvature of the whip reverses.in the gunshot, drawings 2, 3, 4, and 5 
are single frames. 6 and 7 are double frames, with perhaps two or three more in-betweens slowing into the hold on 8. The accent is on drawing 4. 
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Strobing 


Strobing is an effect which is an integral part of the mechanism of the 
cinema. Indeed the stroboscope, invented in 1832, was the first device used 
to present the illusion of a moving picture. The reflections of images ona 
spinning disc were viewed through slits around the edge of the disc so that a 
series of static images were seen in quick succession. A similar device, using 
the same principle, was the zoetrope in which paper strips were viewed 
through slits in a rotating cylinder. 


Strobing is liable to occur in the movement of an object, which has a number 
of equally spaced similar elements. Some examples are the rungs of a ladder 
or the spokes of a wheel. 


If a drawing of a ladder has rungs drawn 1 inch apart and the ladder starts 

to move along its length at an increasing speed, all is well until the amount 
of movement on the ladder is just under 1⁄2 inch. At this point the rungs 
begin to flicker and when the ladder moves up exactly 2 inch per frame, the 
movement is completely confused. This is because the eye sees a set of rungs 
on one frame and on the next frame it sees a set of rungs half way between 
those on the first frame, and does not know whether the original rungs have 
moved to the right or to the left. On the next frame again, the rungs on the 
first frame have moved along 1 inch and so are superimposed over the rungs 
on the first frame. This gives the impression that the rungs are flickering on 
and off on alternate frames. If the movement is more than 1 inch, say 0.7 
inch to the right, the eye jumps across the shorter gap and the rungs appear 
to move 0.3 inch to the left. This is the reason for the well-known illusion of 
stage-coach wheels appearing to turn backward. 


The best cure for this strobing effect is to avoid situations where it may occur. 
The spokes of a wheel should be as widely spaced as possible. One time- 
honored solution is to have one broken spoke so that the gap can be seen 
rotating. Another way of overcoming this problem is to show the rim of the 
wheel rotating, but depict the spokes themselves as whizzing round with a 
drybrush effect. 


A wheel, or ladder, always animates comfortably in the direction required if 
it moves by up to i of the distance between one spoke, or rung, and the next 
(Fig. 60). At faster speeds, if the broken rung dodge does not work, either 
avoid the sequence altogether, or work on it with drybrush to suggest the 
speed at which it is going. 


Strobing can also occur on background pans. 
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Fast Run Cycles 


An eight-frame run cycle—that is four frames to each step—gives a fast and 
vigorous dash. At this speed the successive leg positions are quite widely 
separated and may need dry brush or speed lines to make the movement 
flow (Fig. 61). Drawing 5 shows the same position as drawing 1 but with 
opposite arms and feet. Similarly drawings 6 and 2, 7 and 3, and 8 and 4 
show the same positions. These alternate positions should be varied slightly 
in each case, to avoid the rather mechanical effect of the same positions 
occurring every four frames. 


A 12-frame cycle gives a less frantic run, but if the cycle is more than 16 
frames the movement tends to lose its dash and appear too leisurely. 


The body normally leans forward in the direction of movement, although 
for comic effect a backward lean can sometimes work. If a faster run than 
an eight-frame repeat is needed, then perhaps several foot positions can be 
given on each drawing, to fill up the gaps in the movement, or possibly the 
legs can become a complete blur treated entirely in drybrush. 


In the first example, drawing 4 is equivalent to the “step” position in a walk, 
with the maximum forward and backward leg and arm movement. In a run 
it is also the point at which the center of gravity of the body is farthest from 
the ground, that is, in mid-stride. In drawing 1 the weight is returning to its 
lowest point, which is in drawing 2. In drawing 3 the body starts to rise again 
as the thrust of the back foot gives the forward impetus for the next stride. 


FIG 61 These are both examples of eight-frame run cycles. This means four drawings to each step. Drawings 1 
and 5 show the same leg and arm positions but with opposite feet and so do 2 and 6, 3 and 7, 4 and 8. In sucha 


short cycle these positions should be varied slightly to avoid a mechanical effect. 
(Continued) 


Fast Run Cycles 





FIG 61(Cont.) These are both examples of eight-frame run cycles. This means four drawings to each step. Drawings 1 and 5 show the same leg and 
arm positions but with opposite feet and so do 2 and 6, 3 and 7, 4 and 8. In such a short cycle these positions should be varied slightly to avoid a 
mechanical effect. 
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Characterization (Acting) 


Character animation is the ultimate achievement of animation art. It is a 
complex combination of craftsmanship, acting, and timing. 


Characterization in animation is concerned not so much with what the 
characters do, as how they do it. The audience is conditioned to look at 
human characters in human situations. In animation this can only be a 
starting point. The cartoon character should not behave exactly like a human 
being. It would feel and look wrong. Human reactions and human actions 
must be exaggerated, sometimes simplified, and distorted in order to achieve 
a dramatic or comic effect in cartoon. 


For these reasons the features of characters must be kept simple, allowing 
for maximum facial expression (Fig. 62). The key positions should be 
sufficiently expressive, and held for a long enough period of time, to transmit 
the message to the audience. In animation such transmission is easier in 
movement than in live action. When a movement is overexaggerated it tends 
to create a sense of comedy. This is especially the case in fast movement. 

A deliberate exaggeration of speed, therefore, is the basis of timing for 
caricature as, for instance, in the case of Tom and Jerry cartoons. Slower 
pacing requires greater emphasis on expression and characterization of the 
subject. It requires more subtle animation, and it is infinitely more difficult 

to handle. 





FIG 62 Facial expression is an important part of characterization, but use the whole body to express feelings and emotions. The drawing of a character 
can be adapted to meet the needs of mood—in benevolent moments he would be drawn in soft, curved lines; when more aggressive the drawing would 
become rather angular with more straight lines; when afraid he would shrink back and become more spiky, his hair standing on end, and so on. 

(Continued) 


128 


Characterization (Acting) 








BENEVOLENCE 


FIG 62(Cont.) Facial expression is an important part of characterization, but use the whole body to express feelings and emotions. The drawing of a 
character can be adapted to meet the needs of mood—in benevolent moments he would be drawn in soft, curved lines; when more aggressive the drawing 
would become rather angular with more straight lines; when afraid he would shrink back and become more spiky, his hair standing on end, and so on. 
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The Use of Timing to Suggest Mood 


The creation of mood is the stock-in-trade both of the cinema and the 
theater. It is also important in animated films, but as animation is a medium of 
exaggeration, it is advisable to avoid subtle shades of expression. 


In general terms, the moods of depression, dejection, sorrow, etc. depend 

on slow timing for their effect, while the moods of elation, joy, triumph and 
so on depend on quicker timing. Other moods, such as wonder, puzzlement, 
and suspicion may depend on facial expression and body posture. The aim is 
always, however, to convey to the audience the mental state of the character, 
and match this to the mood of the backgrounds, the camera movements, and 
everything else which contributes to the visual effect on the screen. 


To express depression, the character must appear to have no energy. His 
body droops forward, his head hangs on his chest, his knees sag, and his 
movements are slow, with frequent long holds and sighs. Anything that can 
be used in the drawing to convey the feeling of depression should be used— 
the hair and clothes hang limp, perhaps the hat sinks down over the ears, and 
the shoes squash with the extra weight of gloom. 


Elation and joy, on the other hand, need plenty of energy, which gives quick, 
bouncy movements with the character frequently airborne. The body is 
upright or curving backward, with hair and clothing springy, and a general 
lightness of step. 


Suspicion requires a deliberate expression of puzzlement and cannot 

be hurriedly timed. Give enough time for the audience to read the facial 
expression of the character and animate his hands for further emphasis if 
there is time (Fig. 63). 
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FIG 63 Two extremes of mood. On the left, animated on double frames, abject misery because the character has been rejected. On the right, general 
mayhem caused by the character being given a live electric plug to hold. 
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Synchronizing Animation to Speech 


Unlike live-action films, where the dialogue is simultaneously recorded 
with the action, in animation it must be recorded beforehand so that the 
movement can be fitted to it precisely. It is an essential pre-production 
operation, which cannot be left until after the completion of animation. 


Once the soundtrack is available (either on tape or digital file), the type and 
character of the voice can be analyzed through the use of a synchronizer (16 
mm or 35 mm) and a frame-by-frame timing guide for the animation can be 
made. This can be done either on the exposure chart, where there is a special 
column for it, or on a separate chart. In either case, it must be done in terms 
of frame analysis. No two dialogue performances are the same. Even single 
words like “you,” “yes,” “no,” “its,” “had” can vary substantially when analyzed 
in terms of separate frames. Such information is the basis of fitting animation 
to sound. 


Firstly, listen carefully to the soundtrack and in particular to the feeling 
behind the way in which the words are spoken. Then listen to the phrasing 
and rhythm of the speech and find the positions of the main emphases 

and key words. Then plan the movements of the character's body, head, 
arms, etc., to fit the words and the way in which they are being said, to 
reinforce the dramatic effect. Try to emphasize the main points of the 
speech with the whole body, if time and budget permit it. In animation, the 
meaning of dialogue should be somewhat overemphasized, especially in an 
entertainment film (Fig. 64). 
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FIG 64 An emotional impresario speaks the line: “They can’t do this to me!” The broken, wavy line on the phonetic breakdown strip represents the pitch and 


Synchronizing Animation to Speech 





L S 


volume of the voice. The important accents in the soundtrack are on “can’t” and “me” so the pattern of movement should emphasize the vowels in these two words. 
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Lip-Sync—1 


In full animation, it is important for a character to mime. When he is speaking, 
therefore, his miming must be accurately synchronized to the soundtrack. 
Dialogue is invariably recorded before production and the timing of it is 
passed to the animator as a phonetic breakdown. It is also important that 

the animator should have a copy of the track on tape, so that he can listen 

to it repeatedly until the pattern of emphasis, the rise and fall of the voice, 
etc., is clear in his mind. It is sometimes useful to indicate this alongside the 
phonetic breakdown by means of a line which moves left and right as the 
voice falls and rises and becomes thicker and thinner according to the degree 
of emphasis. Usually the voice rises on important syllables or words and falls 
on less important ones (Fig. 65). 





FIG 65 A sequence of drawings in which the whole body is involved in lip-sync. After a preliminary loss of temper and intake of breath, the sergeant major 
shouts: “That man there!” From The Guardsman a Halas and Batchelor commercial for TV. 


(Continued) 
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Lip-Sync—2 


The first step is to make the character's actions fit his words. If he is aggressive 
he will tend to thrust himself forward and reinforce certain points with 
gestures. If he is shy he may shrink away and speak apologetically, and if he is 
crafty he may pretend to smile, while giving quick glances to see the reaction 
to his words, and so on. 


The second step consists of moving the character's lips and perhaps the lower 
part of the face, to fit the frame-by-frame phonetic breakdown of the speech 
on the exposure chart (Fig. 66). Here it is important to listen repeatedly to 

the way the dialogue is spoken. There is a broad tendency for the mouth and 
lower jaw to open on a vowel sound and close on a consonant. In a normally 
spoken sentence there are usually a few accentuated vowel sounds, and the 
rest of the words are of lesser importance. Play the soundtrack over and over 
again until the pattern of emphasis, the rise and fall of the voice etc., is clear. 
Then plan the lip-sync to conform to this pattern in visual terms. 


As already mentioned, in mass-produced TV series the dialogue carries 

the central interest of the film and there is practically no animation, apart 
from the mouth. This is not acceptable in other types of production, and it 
is therefore important to ensure first of all that the mouth, eyes, and other 
features of the face should express the meaning of the dialogue. The hands 
should also be used for emphasis. Thirdly, the body itself should be used 
to underline the content. The three elements have, of course, to be closely 
coordinated. 
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Lip-Sync—3 


Once the basic timing of mouth movement is worked out, the next stage is to 
consider how the facial expression, head movement, and body gestures can 
underline and add to the meaning and interest of the dialogue (Fig. 67). 


In the first speech of Old Major in Animal Farm, it was especially important to 
convey the message of this character to the audience, since the whole film 
was motivated by it. The facial expression had to express not only the figure’s 
sincere concern but, as an ailing character, physical pain as well. The entire 
body of the pig was unanimated while it’s face, eyes, mouth, snout, and the 
facial creases conveyed the emotions of the character. 


It is not essential to animate all vowels and consonants in terms of single 
frames. Especially ina TV entertainment series, where speed of production is 
essential, about eight positions of mouth and tongue are adequate. 
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FIG 67 Top Eight mouth positions which, with a few in-betweens, would cover most lip-sync possibilities in limited animation Bottom Lip-sync 


with full animation. The pig says: “Our children are born .. .” 
(Continued) 
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FIG 67 (Cont.) Top Eight mouth positions which, with a few in-betweens, would cover most lip-sync possibilities in limited animation Bottom 


Lip-sync with full animation. The pig says: “Our children are born ...” 
(Continued) 
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FIG 67 (Cont.) Top Eight mouth positions which, with a few in-betweens, would cover most lip-sync possibilities in limited animation Bottom 
Lip-sync with full animation. The pig says: “Our children are born . . .” 
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Timing and Music 


Ever since the very first animated productions, Disney's Steamboat Mickey 
and Oskar Fischinger’s abstract film Composition in Blue, it has been clear 
that there is a strong relationship between animation and music. This 
relationship can be explained on two accounts. First, both elements have a 
basic mathematical foundation and move forward at a determined speed. 
Second, since animation is created manually frame by frame, it can be fitted 
to music in a very exact manner. It is further able to capture its rhythm, its 
mood and hit the beat right to the frame. Most animation makes good use of 
this advantage (Fig. 68). 


As a general principle it is more difficult to follow the rhythm of a musical 
composition with its mood than its beat. The latter aspect of the music is 
easily measured, since beats are fitted into bar units of defined time length 
and are interpreted in time units. 


Bars can contain various numbers of beats and these must be measured to 
the film frame. Having done this, it is comparatively easy to fit the animation 
to the speed of the beat and find the right type of movement to follow the 
music, whether it is a slow waltz of 36 frames or four frames for rock music. 

A beat can be emphasized by synchronization of the feet, but it works better 
if the whole body is used. In quick beats of three, four, or six frames it is 
possible to follow every second beat without losing the rhythm. It is always 
better to work to specially prepared music if this can be afforded. 





FIG 68 A This eight-frame cycle, animated on double frames, of a whirling Spanish dancer is fitted closely to strong flamenco music. The figure fully 
conveys the character of the music with all its functional simplicity. B Single- and double-frame animation are alternated to fit the beats of the sound ofa 
Spanish guitar. It is essential for the movement to follow the musical lead of a specially prerecorded music track, for accurate synchronization. 
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Animating for Interactive Games 


To create the play actions in the body of a game, the animator is told the 
types of actions needed for each individual character. They play the latest 
“build” of the game. The same as a storyreel. The animator works with the 
programmer to build a library of base actions for the characters, sometimes 
called a “dance card” or “play-run”—fast run, slow run, starts and stops, 

hard kick, soft kick, base pose, and action pose, etc. Trying to allow for every 
possible action a game might want a character to do. Maybe as many as 

50 different actions to go in and out of the base pose. The actions must be 
done in such a way that the programmer, or coder, can cut and splice two or 
more actions together to assemble the storyline of the game. Quite often the 
actions will have to loop. It all must connect up. When animating full body 
actions, animators learn to limit the type of elaborate anticipation and follow 
through actions done in full animation. The game character need to jump or 
punch immediately when the command is given. There is little time allowed 
for characters reactions. 


In a game where there is physical contact like combat, the animator must be 
conscious of the placement of the “hit box” as assigned by the coder. This is 
the invisible rectangle behind the character where an impact with another 
character will occur. Is your character being kicked in the head or chest? Will 
the foot go through the character, or will the other character react naturally 
to the impact? This is key to their interactivity (Fig. 69). 


The chief difference about animating for games is that in TV and movies 
you are animating to one camera. A game action has to be thought out in 
three dimensions, because the game user can turn his/her character in any 
direction. The player can rotate a room, so your action has to read from 
every direction. You are no longer just watching an action. You are doing 
the action. 
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FIG 69 Interactive Game Animation setup. (Courtesy of Thomas Estrada 2020.) 
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Traditional Camera Movements 


Before the Digital Age all animation was shot on a down-shooter camera, 
called at times a “Rostrum camera” or an “Oxberry camera,” named after the 
American engineer John Oxberry (1918-1974) who designed an industry- 
standard camera stand. These cameras set-ups could be as simple as a home 
camera with a single-frame shutter, clamped on a shelf or table, up to the 
huge, motorized two-column professional camera stands. But, in most cases, 
the set-up was similar: a single-frame camera was mounted on a column and 
the animation artwork was placed on pegs on a compound table and held 
down by a heavy glass plate called a “platen.” The table had long top and 
bottom peg bars to move (pan) artwork, could rotate 360 degrees (a “tilt” 
angle) and was equipped with a light box underneath to do bottom-lit shots. 
The camera had an auto-focus so no matter how the camera or artwork 
moved, the lens adjusted. The earliest camera stands even had wooden 
frames, where camerapeople would pin artwork not in use. 


Tracks (“Truck in” and “Truck out” in the United States) are used to move into 
a closer field or pull back to a more distant one. This is done by moving the 
camera frame by frame, up or down its vertical pillar, above the animation 
drawings. Usually the field center also moves during a track and, as the 
camera travels on a fixed axis, this movement in a north-south, east-west 
direction is done by moving the table. 


Tracks and table moves are worked out in terms of general timing—track 
lengths and the action which the various fields must include—preliminarily 
by the director on exposure sheets before production begins, then refined by 
a scene planner. 


When the animator finalizes the action of the scene in detail, the scene 
planner converts the director's timing into specific instructions to the 
cameraperson. He or she writes down the field sizes and marks the frames 
where camera movements start and stop in the “camera instructions” column 
on the exposure chart (Fig. 70A). They also provide a drawn field key with 
field centers marked (Fig. 70B). 


It then becomes the cameraman’s responsibility to execute the required 
move smoothly and accurately on the screen. Briefly, the procedure is as 
follows: in Fig. 70B the track is made from field X to field Y so the screen 
center moves toward the south-east. This means that under the camera, 

the table must move north-west. Fig. 70C is an enlargement of this table 
move, showing how the cameraperson divides the line to achieve a smooth 
movement from X to Y. At the same time they measure the distance the 
camera travels on its column during the track, and divide this in exactly the 
same way as Fig. 70C, so that camera and tabletop move smoothly together. 
Fig. 70D is a similar track and table move which includes a tilt. This would also 
be done as a table move. 


Tracks and table moves are usually animated on single frames. 
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FIG 70 A The director's timing of tracks is finalized by the animator in the “camera instructions” column on the exposure sheet. B The accompanying field 
key (layout). C Enlargement of the field centers from B, inverted for use as a table move. D Another example of a track including a table tilt. 
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3D Camera Moves 


The transition to computer technologies has greatly altered the job of 
creating camera moves in animation. Even in most traditionally animated 
on paper films, the down-shooter camera stand has been replaced with a 
digital scanning system and elements painted digitally. In big budget 3D 
projects, all the animation is produced digitally, so a camera is no longer 
necessary. Artists planning camera moves no longer draw paper camera 
guides (drawn field key Fig. 70B), since the moves are blocked out virtually 
and tested in real time. Fig. 70C, the movement track between fields X and 
Y, has been replaced with a virtual track on your computer screen called 

a “path of action.” This is controlled with spline curves, which are bent to 
modify the shape, timing, and acceleration of motion between the key 
positions. 


In traditional paper animation, you moved artwork under a stationary 
camera, so to achieve a north-west move you moved the artwork on the 
table southeast. In digital animation, the virtual camera now moves around 
the subjects, much like a live-action camera. Previously difficult tracking 
shots, like handheld camera or racking the focus from foreground to 
background, can now be done with relative ease. In the past you had to 
describe the movement to the camera, now the camera describes itself to 
you by immediate playback. 


In high-end Hollywood productions, the director oversees the creation 

of the storyboard as an animatic, with some perfunctory camera moves 
already laid in. The layout supervisor or pre-visualization director will plan 
out a rough camera pass—the virtual workbook. In some cases, a live-action 
cinematographer (DP) or production designer would be invited to confer 
with the director about the positioning of the camera. As stated in the 
chapter on storyboarding, the rough layout pass has become more like a live- 
action camera rehearsal with geometric avatars standing in for the actors. 


As the animation is being done, the camera moves can be sweetened to 
better accommodate the performance. There is much more give and take 
than in the more departmentalized assembly lines of the past. Then, after 
animation is completed, the layout supervisor and director consult on a final 
camera pass. Since the animation is done in 3D, the director can change their 
mind to alter the camera angle radically without the artwork having to be 
redone. So something animated in a simple flat proscenium set-up can be 
rotated 90 degrees and made an upshot with an added fish-eye lens effect. 
All this can be done with little impact on the completed artwork. This last 
step is only done in 3D as in 2D some of the distortions and optical tricks 
accomplished in the drawings by the artist preclude a last-minute change of 
camera angle. 
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Peg Movements in Traditional Animation 


Unlike camera movements, Compensating Pan or Peg Bar moves are synched 
directly with the character animation levels, and therefore need to be 
calculated by the animator instead of being left for others. An example of a 
compensating pan for instance, is when a painted background stops panning 
at the speed with which the character stops walking and comes to a rest, 

or if a character gains momentum to go out of frame while the background 
stops. When an object or character is moving across a background there are 
very often two and sometimes more sets of pegs working together, and their 
compensating movements need to be worked out in great detail at the same 
time as the drawings. 


In Fig. 71, A is an example of peg instructions written out by the animator, 
and Figs. 71B, 71C, and 71D illustrate the timing problems involved. 


In the left-hand column of Fig. 71A is a 24-frame walk cycle, 1L-24L. The 
character makes a 1.8-inch stride in 12 frames on bottom pegs. This governs 
the speed of background pan on top pegs to 0.15 inches per frame, Fig. 71B. 
The director then called for a 1-second pan ahead to a doorway, which 

the character is approaching on the right of the background, Fig. 71C. The 
animator therefore measures the distance ahead to the door, and by trial 
and error splits this up into a series of accelerating and decelerating moves 
to stop smoothly at the door on the required frame. The character and the 
background must work together so that his feet do not slip (in effect the 
character moves 0.15 inches to the right of the background per frame, no 
matter what the background does). So the bottom pegs start to move to the 
left—always 0.15 inches per frame less than the top pegs. At some point this 
will bring the character off-screen, when he is replaced with a blank cel. If we 
imagine him continuing to walk off-screen, then on an appropriate frame he 
starts to appear in screen again. At this point, the bottom pegs are set so that 
his front toe is just in screen, Fig. 71D. The bottom pegs then pan to the right 
0.15 inches per frame against the static background. 


The cycle 1L-24L would of course have to be on long cels with enough blank 
on the right of the character to pan him out of screen without the cel edge 
showing. 
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FIG 71 A An example of peg movements written out by the animator in accordance with the director's timing. The walk cycle 1L-24L is on the left, and in 
the “camera instructions” column the bottom peg moves are on the left in decimals of an inch, and the top peg moves are on the right. B, C, and D show the 
positions of the top and bottom peg bars at the top, middle, and bottom of A, respectively. 
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Peg Movements in 3D Animation 


In digital 2D, whether created on paper and then scanned or drawn directly 
in a digital form, the peg bar or the notion of a peg bar is still the same. 

The main difference is that the peg bar is invisible to the camera, allowing 
for the animation to be scaled and positioned anywhere within the field of 
view. However, the basic structure laid out in the section “Peg movements in 
traditional animation” remains the same. 


Three-dimensional animation has made such problems as compensating 
peg bar moves a moot point. When walking your character in 3D, they have 
a true position within the virtual set. The camera’s path of action would be 
calculated in the rough layout pass, then played back and refined as the 
animation is created (Figs. 72-77). 
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FIG 72 A sequence of key drawings with in-betweening scales. A mole squeezes himself up from his hole and puts on his spectacles, only to be stepped on 
a moment later. Note the rounded feeling of all the shapes, to give him an unaggressive, harmless look. From Butterfly Ball by Halas & Batchelor. 
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FIG 73 An example of an emphatic point. Anticipation on 1, out to extreme on 9, back to pose on 18, and into final pose on 22. 
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FIG 74 An example of a “take.” Farmer Jones is about to pick up his shotgun when it is stepped on by Boxer, the horse, trapping Jones's fingers. He tries to 
pull his hand away on drawing 3, then, after a quick wriggle of pain on drawing 5, looks up in surprise at Boxer on drawing 11. From Animal Farm by Halas 
& Batchelor. 
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FIG 75 An example from Ryan Larkin’s film Walking which was entirely devoted to the mechanics of animated walking cycles. This example represents 
a 32-frame double frame cycle demonstrating how smoothly it is possible to carry out an extremely difficult human movement. It also makes good use of 
perspective animation through the exaggeration of the character's arm nearest to the camera. 
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FIG 76 Animation samples enlarged from actual film frames show the timing of certain actions: 1 The Matador, in the film The Insolent Matador, fighting a 
furious bull. In spite of the high speed of this action, it is possible to animate in double frames. The economy of work could be considerable and the audience 
would not notice the difference in the smoothness of the action. 2 The bull charge in the film The Insolent Matador. Gesture and force of action convey the 


power and fury of this dangerous animal. Nevertheless, the action is conveyed in double frames and it loses none of its dynamism. 
(Continued) 
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FIG 76 (Cont.) Animation samples enlarged from actual film frames show the timing of certain actions: 1 The Matador, in the film The Insolent Matador, 
fighting a furious bull. In spite of the high speed of this action, itis possible to animate in double frames. The economy of work could be considerable and 
the audience would not notice the difference in the smoothness of the action. 2 The bull charge in the film The Insolent Matador. Gesture and force of 
action convey the power and fury of this dangerous animal. Nevertheless, the action is conveyed in double frames and it loses none of its dynamism. 
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FIG 77 Rough 3D design of a dog walking. (Courtesy of Rhythm & Hues Studios (©2008)). 
(Continued) 
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FIG 77 (Cont.) Rough 3D design of a dog walking. (Courtesy of Rhythm & Hues Studios (©2008). 
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Editing Animation 


Some like to think that because animated film is so carefully planned out 

in advance, the final editing becomes a simple task of stringing together 
shots. But in practice we find that the animated film can require the touch 
of an editing professional just as much as a live-action film does. In addition, 
an editor possesses many more digital tricks to enhance the final film than 
they did in the age of guillotine splicers and tape. Most fades (“dissolves” 
in the United States) and wipes from one shot to another are now done in 
editorial. Editors can duplicate and flop shots, and even digitally correct 
small mistakes. Additionally, an editor is an artist in their own right, and 
they are sensitive to the overall pacing of the cuts and the overall timing of 
the film. After the work is done, there are many films that could still use a 
final tightening in editorial. 


If your budget does not permit the hiring of an editor and their top-line 
equipment, new 2D and 3D software programs make desktop editing a 
simple task. But just be sensitive to the special challenges each type of 
project presents. You would not edit an online game for preschoolers like 

a violently paced feature film. Over the years, editing styles have changed. 
Since the rock & roll video era of the 1980s, audiences are much more 
tolerant of rapid cutting and jump cuts than previous generations. In the first 
decade of the 21st century, the audience’s taste for “reality” shows spun off 
an interest in a more free-floating camera, and a deliberate awkwardness 

to the camerawork—this all to duplicate a “man-on-the-scene” homemade 
feel. The Sony Pictures 2007 film Surf's Up experimented with this to great 
effect. They animated and rendered their scenes the conventional way, then 
re-photographed the existing scenes with a separate camera to achieve the 
handheld “reality show” look. The 2008 Dreamworks Animation film Kung 
Fu Panda played with split screen images, sometimes having three separate 
scenes occurring up on the screen simultaneously. 
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Editing for Feature Films 


Feature films are, for any company, a high stakes gamble, where all the stops 
are pulled to achieve the best cinematic experience possible. As taste in film 
changes with the times, so audiences expect animated films to keep pace. 
Animators should be open to experiment with new ideas in cutting, more 
interesting camera moves, and montages that challenge the normal idea of 
time and space. In the 1990s, Pixar adopted the custom used at Walt Disney 
years ago of trying out a new technique in a short first, then adapting what 
they learned into the feature projects. 


Editing for Television Episodes 


Episodic television is animated film produced in mass quantities. Characters 
develop over several episodes, and if you are lucky, several seasons. To 
produce such shows economically, more emphasis is placed on dialogue 
and music than intricate and expensive one-time action scenes (refer back 
to “Timing for TV series”). In addition, you can cut around actions without 
having to show it. Japanese anime films are particularly good in putting 
emphasis on interesting layout designs and establishing shots with simple 
character movement and repetitive facial set-ups for dialogue, saving full 
animation for key important shots. This way they economize without hurting 
the overall quality. 
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Editing for Children’s Programming 


Parent and consumer groups are aware that children are watching 
programming at a much younger age than ever before. Programs aimed at 
preschoolers have a particular set of rules all of their own: no fast cutting 
and little overlapping dialogue; simple staging without a lot of inter-cutting; 
pauses placed in between important ideas for young minds to catch up; 
dialogue and action paced in a gentle, non-threatening way; and large 
friendly colors with little shadows or effects (Fig 78). 





FIG 78 Image from the TV show Peep and the Big Wide World. (Copyright 2004, WGBH Educational Foundation. “Peep,” “Chirp,” and “Quack” were 
originally created by Kai Pindal for the National Film Board of Canada. With permission.) 
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Editing for Internet Programs 


Today many people around the world experience animation not in a theater, 
but on a handheld computer or phone. This form of downloadable film has 
opened a brave new world to short film production (Fig. 79). Because of 

the immediacy of the medium, only the most cutting-edge and cleverest 
ideas reach the largest audiences, and that in the blink of an eye. To tap 

this audience, the filmmaker needs to be shrewd with their resources. You 
can’t waste time on elaborate set-ups or subtle interplay of dialogue. Your 
target audience is probably viewing in an open, noisy place and has a short 
attention span. Small, visceral bits delivered with simple designs and staging 
will read better than a widescreen baroque spectacle. 





FIG 79 Time For Some Campaignin’ an animated short film created for the internet by JibJab. (©Jibjab 2008. With permission.) 
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FIG 80 Bev sits down, by Joanna Quinn. (Courtesy of Joanna Quinn 2020.) 
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Conclusion 


The 1981 edition of Timing for Animation ended with a still from Peter Foldes’ 
early computer animation film Hunger (1974). Its images look crude by today’s 
standards, but it was a first step. John Halas was an early proponent of 

digital animation. Back then he wrote that “it (the computer) inevitably and 
eventually will become an added tool in the hands of animators.” This volume 
takes his prophesy up to the reality of our present world. 


The challenge now is to preserve and advance the principles taught by John 
Halas and Harold Whitaker in order to pass them on to future generations. 

| have many students who impatiently squirm through all this theory. They 
just want to be shown the magic button. The download that would instantly 
make them a great animator. 


In the future we will see refinements in the recording of live-action actors, 
making real-time performance capture more usable, behavioral software 
that will control characters actions, 3D virtual sets, that will free us from our 
centuries old dependence of watching stories on a flat screen on the wall. Yet 
even with all this innovation, the basis still remains a good understanding of 
the principles, of timing and motion. Like Shakespeare to an actor, it never 
really leaves you. The invention of photography did not eliminate the arts 

of painting and drawing. The invention of cinema did not stop people from 
going to see stage plays. But classic technique can be lost if it is not practiced. 
Many modern animation masters tell me the continued relevance of Halas 
and Whitakers lessons in timing are as important to us today as any one type 
of software. They still use them, be it digital, stop-motion, hand-drawn, or 
adapting motion capture. 


This book should not be the final word in your education in the art of 
animation, but it serves to point the way to a lifetime of study. A career in the 
arts is never as simple as learning a technique, then collecting a paycheck 
(cheque). The best artists never stop learning. Our hope is that by the time 
you are done reading these words, we will have helped you along in your first 
steps. As Gustav Doré once said, “What you have been given as Tradition, 
take thee now as Task, and make it your own.” Good Luck! 
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2D digital production timing, 25 

2D rendered characters, 158 

2D software programs for editing, 158 

2D storyboards, 9 

3D camera movement, 146, 149-157 

3D digital images, 156-157 

3D digital production timing, 25 

3D software programs for editing, 
158-161 

3D storyboards, 9-11 

24 frames per second speed, 1-2, 16, 
38, 48 

25 frames per second speed, 16, 23 


A 


Accentuation of movement, 122, 
123 
Acting (characterization), 128, 
Actor-based program timing, 27 
Aesthetic and effects animation, 
117-118 
Air resistance animation, 82 
Animal Farm: 
accentuation of movement, 122 
lip-sync, 138 
pigeon hovering, 114 
slow action, 51 
“take,” 152 
Animal movements: 
cats, 110 
cows, 109, 110 
deer, 110, 111 
donkeys, 49 
gallops, 107, 112-113 
horses, 108-109, 112-113 
quadrupeds, 110-113 
Anticipation animation, 60-61, 
106, 157 
Arm movement, 48, 49, 126 
Arthur, 12, 18 
As the Wrench Turns, 8 


Bailey, Greg, 12, 18 
Balloons, 34, 35 

Bar sheets, 21 

Bird, Brad, 25 

Bird flight, 114-115 
Bottom-light effects, 98 
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A Bug's Life, 7 
Butterfly Ball, 150 


C 


Camera movement: 

3D, 146, 149-157 

traditional, 144-145 
Cannonballs, 34 
Car animation, 64, 65, 80, 82, 83, 88, 89 
Caricature and movement, 31 
Cartoons, 2, 50, 116, 128 
Cat family movement, 110, 112, 113 
Cause and effect, 32-33 
Characterization (acting), 128-129 
Characters: 

movement, 29 

reactions, 78-79 
Children’s programmes editing, 160 
Cinematics of games, 15 
Composition in Blue, 141 
Cows movement, 109, 110 
Crowd scenes, 87 
Cycles (repeat length), 84-85 


D 


Dance Card, 142 
Deer movement, 110, 111 
DeMille, Cecil B., 6 
Depression (mood), 130 
Digital effects: 
animation, 96-99 
crowd scenes, 87 
production timing, 25 
storyboards, 8-9 
Directors: 
formats, 18 
interactive games 
responsibilities, 15 
“slugging,” 19 
timing, 27 
Disney, Walt, see Walt Disney Pictures 
Dope sheets (UK), 23 
Double frame animation, 16, 48, 56-57, 
100, 66-67, 104-105, 131, 141, 
153-155 
Drawings: 
perspective animation, 106-107, 
153 
spacing, 46-48 


Index 


Dreamworks Animation, 158 
Drybrush (speed lines), 60, 
116-118 


Editing: 
animation, 158 
children’s programming, 160 
feature film, 159 
internet downloads, 161 
television episodes, 159 
Energetic movements, 52, 72, 130 
Explosions, 96-99 
Eye movement in lip-sync, 
136-138 


F 


Facial expression: 
characterization, 128-129 
features, 130 
lip-sync, 138 

Fast action timing, 52-53 

Fast punches, 52-53 

Fast run cycles, 126-127 

Feature films: 
editing, 159 
timing, 18 

Fire burning animation, 80, 

88-89, 98 

Fischinger, Oskar, 141 

Flags, waving, 84-85 

Flame animation, 80, 88-89 

Flexible joints and forces, 42-43 

Foldes, Peter, 163 

Follow through, 63 

Forces: 
flexible joints, 42-43 
jointed limbs, 44-45 
repeat action timing, 76-77 
sawing action, 76-77 

fps, see Frames per second 


Fractals, 96 
Frames: 
double, 56-57 
single, 56-57 


Frames per second (fps) speed, 1, 
16-17, 23, 38, 48 

Friction effects, 82-83 

Full animation timing, 2 





G 


Galloping movement, 107, 112-113 
Games, 15, 27, 142, 

Good timing, 3 

Go Motion, 117 

The Guardsman, 134-135 

Gunshot effects, 122-123 


Hamilton (television series), 79 
Hammers, 70-71 
Harryhausen, Ray, 116 
Head movement, 138 
Hit Box, 142 
Hitchcock, Alfred, 6 
Holds: 
length, 58-59 
timing, 54-55 
Horses movement, 108-109, 
112-113 
Hunger, 163 


Ideas “readability,” xvii 
Inanimate objects: 
repeat movements, 100-101 
timing, 29, 38-39 
Interactive games, see Games 
The Insolent Matador, 154-155 
Internet downloads editing, 161 


J 


Joints: 
flexible, 42-43 
limbs, 44-45 
Jones, Chuck, 23 
Joy (mood), 130 


K 


Kicking donkey movement, 49 
Kung Fu Panda, 158 


L 


Larkin, Ryan, 153 

Laws, movement, 2 

Laws of motion (Newton), 3, 29, 
34-35 

Limbs, jointed, 44-45 

Lip-sync, 134-135, 136-137, 
138-139 

The Little Mermaid, 6 


Massive software program, 87 
Meaning of movement, 3, 29 
Miming, 76, 134 
Miyazaki, Hayao, 98 
Mood suggestion, 130-131 
Motion blur, 116-118 
Motion Capture, 11, 26, 27 
Mouth movement in lip-sync, 
136-137, 138, 139, 140 
Movement: 
accentuation, 122 
arm, 48, 49, 126 
balloons, 34, 35 
cameras 
3D, 146, 149-157 
traditional, 144-145 
cannonballs, 34 
caricature, 31 
cat family, 110, 112, 113 
characters, 29 
cows, 109, 110 
deer, 110, 777 
energetic, 52, 72, 130 
eyes, 136 
galloping, 107, 112-113 
head, 138 
horses, 108-109, 112-113 
inanimate objects, 100-101 
kicking donkey, 49 
laws, 2 
meaning, 3, 29 
mouth, 136-137, 138, 139, 140 
Newton’s laws, 3, 29, 
34-35 
oscillating, 66-67 
peg, 147-148, 149, 150-157 
quadrupeds, 110-113 
walk, 54, 55, 68-69, 102-103, 
104-105, 107, 108, 109, 
110, 126, 153 
Multiple character scenes, 86 
Music timing, 141 


Newton’s laws of motion, 3, 29, 34-35 


O 


Objects thrown through the air, 
36-37 

Oscillating movement, 66-67 

Overlapping action, 65 

Overseas production timing, 24 

Oxberry, John, 144 


P 


Peep and the Big Wild World, 160 
Peg movements: 
3D animation, 149, 150-157 
traditional animation, 
147-148 
walk cycle, 147-148 
Performance capture, 11, 27 
Perspective animation and spacing 
of drawings, 106-107 
Properties of matter and animation, 
29-30 
Psycho, 6 


Q 


Quinn, Joanna, 162 


Rain animation, 94 

Ranft, Joe, 7 

“Readability” of ideas, xvii 

Repeat movements for 
inanimate objects, 
100-101 

Responsibilities of director, 13 

Rhythm & Hues, 10, 87, 
156-157 

Rope pulling, 32-33, 68-69 

“Rostrum camera,” 8, 144 

Rotating objects timing, 40-41 


S 


Sawing action, 76-77 
Scenes: 
digital crowd, 87 
multiple character, 86 
Simple harmonic motion, 
46-47 
Single frame animation, 56-57, 
66-67, 144 
Size and timing, 80-81 
Slow action timing, 50-51 
“Slugging,” 19 
Smoke animation, 88-89 
Snow animation, 95 
Spacing of drawings: 
description, 46-48 
perspective animation, 106-107, 
153 
Speech synchronization, 
132-133 
Spielberg, Steven, 6 
Spirited Away, 98 
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Stanton, Nate, 7 
Steamboat Mickey, 141 
Storyboards: 
2D,9 
3D, 9-11 
additional effects, 12 
animated films, 6 
description, 5 
digital, 8-9 
traditional, 6 
Strobing, 92, 93, 124-125 
Stroboscope, 124 
Surf's Up, 158 
Suspicion (mood), 130 
Synchronization of speech, 


132-133 
“Takes”: 
Animal Farm, 51, 109, 114-115, 122, 
138, 152 


character reactions, 78-79 
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Television (TV): 
episode editing, 159 
series timing, 136 
timing, 18 
Time For Some Campaignin’, 161 
Tippett, Phil, 117 
Traditional camera movements, 
144-145 
TV, see Television 


U 


Unit of time in animation, 16-17 
Unikitty!, 1, 118-121 


WwW 


Walking (film), 153 
Walks: 
creature, 108-111 
style, 104-105 
Walt Disney Pictures, 6 


Water: 
animation, 90-93 
drops, 94 
pressure, 91 
spillage, 92 
timing for animation, 93 
Waving flags, 84-85 
Weight and force timing: 
energetic movements, 52, 72, 130 
hammers, 70-71 
raising an arm, 68 
rope pulling, 68-69 
walking, 68 
weight lifting, 74-75 
Weightless drawings, 3, 28 
Whipcrack animation, 
122-123 
Williams, Richard, 17 
Wind animation, 82, 84-85, 94 


X 


X-sheets (USA), 23 


